Jquery ajax 学习笔记
2015-07-20 03:00
603 查看
本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~
$.get & $.post 和 $.ajax的区别
之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现.
调用无参方法
这里只列出常用的$.ajax的属性以及方法详情请参考这里
有点类似类似调用WebService,后台方法必须为static,访问范围为protect/public,
WebMethod特性是必须的,这样才能被客户端脚本调用,支持远程调用.
ScriptMethod特性是可选的,用于指定调用方法的 HTTP 谓词(GET 或 POST),以及指定输出格式(JSON或XML)没有此特性,方法则默认只能被HTTP POST方式调用,并且输出将序列化为 JSON.
Asp.net 3.5以上可直接使用以上两个命名空间,Asp.net 2.0需安装Asp.net Ajax,或者单独引用Asp.net Ajax的System.Web.Extensions.dll.
如后台方法无参数,data项可填为"{}"或者直接省略.Asp.net 3.5以上使用返回值,需要加上".d",如以上代码里的"data.d",Asp.net 2.0直接使用"data"就行了.原因可能是两者序列化的方法有所不同.
调用有参方法
调用返回集合方法
调用返回实体方法
调用返回DATASET
调用dataset总是出问题,之前记得这样写是好用的,找了好长时间没找到问题,哪位大神找到了告诉我.
把web form里面的方法GetDataSet放到web service(asmx)中 并设定 contentType: "text/xml; charset=utf-8",dataType: 'xml'
调用ASHX 一般处理程序
完整code
总结
一开始对data.d的这个d不是很理解,感谢这篇文章的博主,相比较与aspx ashx只能通过ProcessRequest方法进行输出而不能在内部写static method,如果想在ashx中使用session只要实现IRequiresSessionState接口即可,要不然获取到session会为null.
$.get & $.post 和 $.ajax的区别
之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现.
调用无参方法
有点类似类似调用WebService,后台方法必须为static,访问范围为protect/public,
WebMethod特性是必须的,这样才能被客户端脚本调用,支持远程调用.
ScriptMethod特性是可选的,用于指定调用方法的 HTTP 谓词(GET 或 POST),以及指定输出格式(JSON或XML)没有此特性,方法则默认只能被HTTP POST方式调用,并且输出将序列化为 JSON.
Asp.net 3.5以上可直接使用以上两个命名空间,Asp.net 2.0需安装Asp.net Ajax,或者单独引用Asp.net Ajax的System.Web.Extensions.dll.
如后台方法无参数,data项可填为"{}"或者直接省略.Asp.net 3.5以上使用返回值,需要加上".d",如以上代码里的"data.d",Asp.net 2.0直接使用"data"就行了.原因可能是两者序列化的方法有所不同.
调用有参方法
调用dataset总是出问题,之前记得这样写是好用的,找了好长时间没找到问题,哪位大神找到了告诉我.
把web form里面的方法GetDataSet放到web service(asmx)中 并设定 contentType: "text/xml; charset=utf-8",dataType: 'xml'
调用ASHX 一般处理程序
一开始对data.d的这个d不是很理解,感谢这篇文章的博主,相比较与aspx ashx只能通过ProcessRequest方法进行输出而不能在内部写static method,如果想在ashx中使用session只要实现IRequiresSessionState接口即可,要不然获取到session会为null.
相关文章推荐
- 详细介绍jQuery.outerWidth() 函数具体用法
- jquery实现鼠标滑过小图查看大图的方法
- jQuery知识点总结(第二天)
- jQuery全屏滚动插件fullPage.js
- jquery组件开发
- jquery
- 自定义jquery ui日历
- 怎么让jQuery支持swipe事件
- html+jquery翻页相册(原创)
- jQuery.prop() 使用详解
- 【JQuery】——JQuery的魅力
- springmvc + jquery聊天室,逗比版
- jQuery的position()方法详解
- jQuery 求页面加载等待特效
- [转]jQuery中$.fn的用法介绍
- 北风网66jquery
- JQuery基础
- JQuery用DELETE method发送Ajax request
- jQuery的position()方法详解
- jQuery.prop() 使用详解