您的位置:

json与ajax编程1,jsonjava

本文目录一览:

关于ajax和json的问题

朋友你这个问题去csdn岂不是更好,嘿嘿这里给的财富值不值一提呀

ajax与json数据获取方法,搞了好久没搞出来

你好,我看了你的代码,你前端使用json格式接收数据,但是你的服务器端输出的格式好像不是json格式啊,我是做php的,我做交互数据,都要将数据格式化,转化成json格式再输送到前端的。

如何使用ajax将json传入后台数据

首先采用jquery内部封装好的方法是比较简单的,我们只需做的就是修改里面的一些配置:

以下代码是对$.ajax()的解析:

$.ajax({

type: "POST", //提交方式

contentType: "application/json; charset=utf-8", //内容类型

dataType: "json", //类型

url: "前台地址/后台方法", //提交的页面,方法名

data: "parameter", //参数,如果没有,可以为null

success: function (data) { //如果执行成功,那么执行此方法

alert(data.d); //用data.d来获取后台传过来的json语句,或者是单纯的语句

},

error: function (err) { //如果执行不成功,那么执行此方法

alert("err:" + err);

}

});

当然我初次学习的时候,看到这些也是有些茫然的,因为不知道到如何才能将其用到自己的程序里面,所以就写了一个小的检测网页来测试一下,如果你测试的时候没有达到你想要的结果,那么希望你回头看一下,前台是否写的有问题,或者是参考一下下文中的注意事项吧。

前台代码 :

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head runat="server"

title测试ajax/title

script src="js/jquery-1.4.1.js" type="text/javascript"/script

script type="text/javascript" language="javascript"

function testAjax() {

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

dataType: "json",

url: "number3.aspx/GetJson",//传入后台的地址/方法

data: "{'RID':'123'}",//参数,这里是一个json语句

success: function (data) {

var result = data.d;

alert(result);

},

error: function (err) {

alert("err:" + err);

}

});

}

/script

/head

body

form id="form1" runat="server"

div

button 用button测试ajax/button

input type="button" value="testAjax" /

/div

/form

/body

/html

后台代码:

using System;

using System.Web.Services;

namespace ajax1

{

public partial class number3 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

[WebMethod]

public static string GetJson(string RID)

{

return "{'ID':'" + RID + "'}";

}

}

}

后台代码中以黄色为背景的就是我们要注意的地方:

1.using System.Web.Services;对应下面的[WebMethod]这个一定要加上的。

2.后台写的方法一定是公共静态的即一定是public static开头的。

3.参数一定是前台的data所传参数的键

前台中要注意的地方:

1.大家应该会注意到,前台我用的是两个button来测试,但是第一个button是不行的,页面会刷新一下,其实这都是form

id="form1"

runat="server"这行代码的问题,button标签会提交本页面的内容,从而导致异步刷新失败。所以建议大家不要用button标签。但是如果不得不用的话,解决办法还是有的,目前我知道的只有两个:

①:将form id="form1"

runat="server"代码去掉,当然如果本页面有要提交的内容就会很麻烦了

②:将button onclick="aaa();return

false;"用button测试ajax/button代码改为:button

onclick="aaa();return false;"用button测试ajax/button

2。前台的测试结果是:

那么我们如何来只获取json后面的值,而不是整个json语句呢,我们可以将json语句对象化,然后根据键来取得对应的值:前台的testAjax()的方法改为:

function testAjax() {

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

dataType: "json",

url: "number3.aspx/GetJson",

data: "{'RID':'123'}",

success: function (data) {

var result = eval("(" + data.d + ")");//这句话是将json语句对象化

alert(result.ID);

},

error: function (err) {

alert("err:" + err);

}

});

}

此时结果为:

以上就是初步学习json当时遇到的问题所留下的经验。同时我想验证一下是否能够在后台重载方法来实现根据前台的data是否有参数来判断要执行的方法,所以我将代码改动了一下:

改动后的前台代码

%@ Page Language="C#" AutoEventWireup="true" CodeBehind="number3.aspx.cs" Inherits="ajax1.number3" %

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head runat="server"

title测试ajax/title

script src="js/jquery-1.4.1.js" type="text/javascript"/script

script type="text/javascript" language="javascript"

function testAjax() {

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

dataType: "json",

url: "number3.aspx/GetJson",

data: "{'RID':'123'}",

success: function (data) {

var result = eval("(" + data.d + ")");

alert(result.ID);

},

error: function (err) {

alert("err:" + err);

}

});

}

function aaa() {

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

dataType: "json",

url: "number3.aspx/GetJson",

success: function (data) {

alert(data.d);

},

error: function (err) {

alert("err:" + err);

}

});

}

/script

/head

body

form id="form1" runat="server"

div

button 用button测试ajax/button

input type="button" value="testAjax" /

input type="button" value="aaa" /

/div

/form

/body

/html

改动后的后台代码

using System;

using System.Web.Services;

namespace ajax1

{

public partial class number3 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

[WebMethod]

public static string GetJson()

{

return "hello ajax";

}

[WebMethod]

public static string GetJson(string RID)

{

return "{'ID':'" + RID + "'}";

}

}

}

所得的效果为:

第一个和第二个按钮点击后效果为:

第三个按钮点击后效果为:

所以我的初步结论为:后台的重构函数是不成功的,如果有的重构参数的话,只会执行带参数的,而不会执行那个不带参数的。现在还不是太明白为什么会这样,所以希望明白原理的分享一下自己的观点。当然这只是个人观点,如若有误,望请指正。

json 和ajax的区别

JSON来自于javascript

但是应用上面远远不止是javascript的json

它相当于xml,是一种比较流行的标准格式,是数据的载体

javascript json 是用于javascript程序的,它可以支持对象引用以及函数

ajax json只是最简单的字符串和数字,它不可能完全支持javascript里面的数据类型,

json和jsonp的区别,ajax和jsonp的区别

json和jsonp虽然只有一个字母的区别,但是它们之间扯不上关系。

json是一种轻量级的数据交换格式。

jsonp是一种跨域数据交互协议。

json的优点:(1)基于纯文本传递极其简单,(2)轻量级数据格式适合互联网传递,(3)容易编写和解析。

ajax和jsonp的区别:

相同点:都是请求一个url

不同点:ajax的核心是通过xmlHttpRequest获取内容

jsonp的核心则是动态添加script标签来调用服务器 提供的js脚本。

json与ajax编程1,jsonjava

2022-11-24
探究JsonJava:Java中的JSON解析库

2023-05-22
core解析json的笔记(c json解析)

本文目录一览: 1、如何解析json中map数据 2、fasterxml.jackson.core.jsonparser.feature是哪个jar包的 3、spring mvc 怎么获取json 4

2023-12-08
obj转换成jsonjava(obj转换成pmx)

本文目录一览: 1、java怎么把object转成json 2、java中object数据怎么转换成json数据 3、java中怎么把数据转换成Json数据 java怎么把object转成json 1

2023-12-08
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
mongodb导出jsonjava处理(json导入mong

本文目录一览: 1、java程序中,如何把json对象转换成mongodb对象,然后存到mongodb数据库中 2、Java如何读取json文件并将其存入Mongodb数据库中 3、如何用Java操作

2023-12-08
map转jsonjava的简单介绍

本文目录一览: 1、java怎么把map转换为json 2、java 怎么把map转为json 3、如何把map转成json字符串 4、如何构建json串,并将map转为jsonObject对象的三种

2023-12-08
ajaxphp解析json,php中ajax

2022-11-29
ajax获取phpjson,ajax获取json数据并显示

2022-11-27
python学习笔记1基础篇(Python基础笔记)

2022-11-11
script异步php,javascript异步编程

2023-01-06
java的ajax的库(java中ajax)

2022-11-13
发篇java复习笔记(java课程笔记)

2022-11-09
php教程笔记复习1(细说php读书笔记)

2022-11-10
重学java笔记,java笔记总结

2022-11-23
java笔记,尚硅谷java笔记

2022-12-01
印象笔记记录java学习(Java成长笔记)

2022-11-12
初学ajax和php,ajax快速入门

2022-11-23
java学习笔记(java初学笔记)

2022-11-14
java基础第一天学习笔记(java课程笔记)

2022-11-09