jQuery ajax jsonp 使用模型

来源:互联网 发布:袁劲松 思维 知乎 编辑:程序博客网 时间:2024/06/06 07:47

jQuery对ajax的支持

 $.ajax({ //json形式数据    url:        "DemoServlet",    method:     "post",    data:{  //此处表示向服务器端传递的参数        msg: "msg的数据"        did: "did的数据"    },    dataType:   "text",  //"xml"  "json"  //服务器端处理后的响应方式    success: function(data){ //如果 xml则data数据类型为dom对象数据,如果是text则是文本数据        //进行相关的事务处理    },    error: function(){        //进行错误的事务处理    } })

jQuery对ajax的简化操作

$.get(url, {param:value , ……}, function(data){ }, "json")$.post(url, {param:value , ……}, function(data){ }, "json")

实现数据的跨域访问:使用JSONP技术
1、jQuery使用原生ajax对jsonp的支持

$.ajax({    url: "",    method: "",    data:{        msg: msgData,        id: idData    },    dataType: "jsonp" ,  //  jsonp  使用jsonp跨域访问模式    jsonp: "jsonpcallback" ,  //传送jsonp标识    success: function(data){    },    error: function(){    }})

2、jQuery对jsonp支持的简化操作

$.getJSON(url, { msg: msgData, id: idData }, function(data){ //回调处理函数 }, "json");
原创粉丝点击