你的位置:
首页
>
软件开发 >
ASP.net > 用JQuery Ajax 与一般处理程序 请求数据无刷新,以及如何调试错误
用JQuery Ajax 与一般处理程序 请求数据无刷新,以及如何调试错误
发布时间:2016-02-27 18:00:08
通过 ajax() 与 一般处理程序,请求数据库数据,实现界面无刷新。Jquery ajax 请求参数详细说明 http://www.w3school.com.cn/jquery/ajax_ajax.asp 代码: 1 <!DOCTYPE html> 2 ...
通过 ajax() 与 一般处理程序,请求数据库数据,实现界面无刷新。
Jquery ajax 请求参数详细说明 http://www.w3school.com.cn/jquery/ajax_ajax.asp
代码:
1 <!DOCTYPE html> 2 3 <html ="http://www.w3.org/1999/xhtml"> 4 <head runat="server"> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 6 <title></title> 7 <script src='/images/loading.gif' data-original="jquery-1.3.2-vsdoc2.js"></script> 8 </head> 9 <body>10 <form id="form1" runat="server">11 <div style="margin: 50px;">12 <input value="点击" type="button" id="btn"/>13 </div>14 </form>15 <script type="text/javascript">16 $(document).ready(function () {17 $('#btn').click(function () {18 $.ajax({19 url: 'ashx/Handler1.ashx',//get='_blank'>string类型的参数,发送请求的地址20 type: 'POST',//请求方式(post or get)默认为get21 contenType: "application/json;charset-utf-8",//发送信息至服务器时内容编码类型22 dataType: 'text',//预期服务器返回的数据类型23 data: {},//发送的请求数据24 success: function (data) {25 alert(data);26 }27 });28 });29 })30 </script>31 </body>32 </html>
关于请求返回为error火狐浏览器,安装插件 Firebug,F12可以看到报错了 显示请求地址NotFound 2.data{} 即时不传参数也要这样写上哦,不然会报错的
3.返回的数据类型是否与 dataType 一致
如果不一致则会报错
4.检查时否发生了跨域的请求
5.编码格式是否正确
当然也可以在代码中这样写,将错误输出查看到底是什么错误
1 <script type="text/javascript"> 2 $(document).ready(function () { 3 $('#btn').click(function () { 4 $.ajax({ 5 url: 'ashx/Handler1.ashx',//string类型的参数,发送请求的地址 6 type: 'POST',//请求方式(post or get)默认为get 7 contenType: "application/json;charset-utf-8",//发送信息至服务器时内容编码类型 8 dataType: 'text',//预期服务器返回的数据类型 9 data: {name:'huangenai'},//发送的请求数据10 success: function (data) {11 alert(data);12 }, error: function (13 alert("Ajax请求失败,错误状态为:"+14 }15 });16 });17 })18 </script>
原标题:用JQuery Ajax 与一般处理程序 请求数据无刷新,以及如何调试错误
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。