<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.3.2.js" type="text/javascript"></script>
<script src="jquery.json-2.2.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
$("#Text1").click(function() {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/HelloWorld",
data: "{}",
dataType: "json",
success: function(data) { displayResult(data); }
})
}
);
function displayResult(data) {
alert(data.d);
}
var vobj = {
_type: "Person",
name: "Hugo",
age: 23,
address: {
country: "china"
}
}
$("#Button1").click(function() {
$.ajax({
type: "POST",
url: "Default.aspx",
dataType: "json",
data:$.toJSON(vobj)
})
});
});
</script>
</head>
<body>
<div>
<input id="Text1" type="text" /></div>
<input id="Button1" type="button" value="button" />
</body>
</html><br/>
得到的结果如下:Request.Form[0]="{"_type":"Person", "name":"Hugo", "age":23, "address":{"country":"china"}}“<br/>
分享到:
相关推荐
load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() 、 ...序列化元素 、 jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。
jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 ...
在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...
·对Ajax的改进:引入了许多Ajax和JSON处理方面的更新,包括HTML5元素的序列化; ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 ...
用PHP做的简单留言板, 原本打算不用数据库的,可是后来时间有限,就在数据库上面建了一个留言表,其他的数据全部用php对象序列化以文件的形式存储的,没有怎么写过B/S系统,用php也很少,这里面主页面全部用ajax实现的,...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
使用$.isPlainObject()函数检测对象是否为原始对象 使用$.contains()函数检测两个节点是否包含 使用$.param()进行数组元素序列化 使用函数$.extend()扩展工具函数 使用函数$.proxy()改变事件函数的作用域 使用...
由于是测试数据所以我前端调用方式使用jquery 的方式 var data1 = { "username":"张三", "book":{ "name":"1231322", "date_":"2012-12-01 12:01:00" } }; console.info(JSON....
选择器速度提升 选择器的速度大幅度提高了,下表为jQuery1.1.2和1.1.3的选择器速度对比,提高了8倍多 Browser jQuery 1.1.2 jQuery 1.1.3 % Improvement IE 6 4890ms 661ms 740% Firefox 2 5629ms 567...
主要的技术: 1、$.load()方法的应用 2、$.get()方法的应用 3、$.post()方法的应用 4、$.ajax()方法的应用 5、序列化元素serialize()方法的应用 6、Ajax全局事件
调用jQuery的ajax方法时,jQuery会根据post或者get协议对参数data进行序列化; 如果提交的数据使用复杂的json数据,例如: {userId:32323,userName:{firstName:”李”,lastName:”李大嘴”}} 那么服务器是无法正常接收到...
jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的,那么当您遵循...
6.1.2 jquery中的load()方法 6.1.3 jquery中的全局函数getjson() 6.1.4 jquery中的全局函数getscript() 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get()请求数据 6.2.2 $....
本文实例讲述了asp.net+ajax的Post请求的实现方法。... //将表单的数据通过序列化表单值,创建 URL 编码文本字符串。形成一个表单元素集合的 jQuery 对象 $.post(“/login/checkLoginInfo”, data, fun
//序列化表单的值 $.ajax({ type: "POST", contentType: "application/json;charset=utf-8", url: "WebServicetest.asmx/HelloWorld", data: "{username:'cccc'}", dataType: "json", success: function ...
6.3.3 序列化表单 6.4 关注请求 6.5 AJAX和事件 6.5.1 限定事件绑定函数的作用域 6.5.2 利用事件冒泡 6.6 安全限制 6.7 小结 第7章 表格操作 7.1 排序 7.1.1 服务器...
配置项method :使用一种http方法type : string default : get 'post/put/delete'stringify :是否序列化请求参数type : bool default : false如果为true ,则服务器将收到字符串,而不是key-value对。...
要转换成功,要么把jQuery的序列化格式改掉来迎合Struts2,要么给Struts2 action写个converter来迎合jQuery,前者更简单。于是 Jquery-1.4.4.js line6134代码 //buildParams( prefix + "[" + k + "]", v, ...