相关文章推荐
沉稳的紫菜汤  ·  “购物车”里的乡村消费新风(乡村观察)-图片 ...·  3 月前    · 
完美的消炎药  ·  祛痘凝胶有用吗 | 祛痘凝胶哪个效果好_什么值得买·  1 年前    · 
慷慨的蜡烛  ·  NBA历史上总冠军十大排名,2017年勇士只 ...·  1 年前    · 
不拘小节的牛排  ·  关于重庆市国防动员建设先进集体和先进个人拟表 ...·  1 年前    · 
愉快的猴子  ·  Kindle中国电子书店关闭后,如何传书?内 ...·  1 年前    · 
小百科  ›  jQuery中同的ajax处理事件json三种方法-腾讯云开发者社区-腾讯云
jquery context ajax
冲动的火车
1 年前
作者头像
静心物语313
0 篇文章

jQuery中的ajax处理json三种方法

前往专栏
腾讯云
开发者社区
文档 意见反馈 控制台
首页
学习
活动
专区
工具
TVP
文章/答案/技术大牛
发布
首页
学习
活动
专区
工具
TVP
返回腾讯云官网
社区首页 > 专栏 > 静心物语313的Coding > jQuery中的ajax处理json三种方法

jQuery中的ajax处理json三种方法

作者头像
静心物语313
发布 于 2020-03-24 16:43:55
1.8K 0
发布 于 2020-03-24 16:43:55
举报

使用jQuery对Ajax的封装 (主要是更安全,更方便)

  • jQuery封装简化了Ajax,有$.get、$.post 等不同的效果的方法。
  • 缺点:(看不到获得失败的消息);

这里推荐使用$.Ajax( )

主要是这个可以看到请求失败的消息。

 $.ajax({
            type: "post", url: "Ajax1.ashx",
            data: { i1: $("#txt1").val(), i2: $("#txt2").val() },
            success: function (data, txtStatus) {alert(data);},
            error: function () { alert("错误"); }
        });
  • Ajax方法的参数就是一个字典,最好设定 post 提交方式,
  • data 是提交到服务器的报文体。
  • success为请求成功的处理事件。
  • error为请求通讯失败的处理事件(服务器错误500,404错误 等)

介绍三种Ajax对Json的处理方法

第一种:比较麻烦的,不推荐使用的

  $(function () {
        $.ajax({
            type:"post",url:"jQueryAjaxTest.ashx",
            data:{i1:10,i2:30},            
            success: function (resTxt) {
                //alert(resTxt);
                var nums=$.parseJSON(resTxt);//json字符串转化为javascript对象  (不建议用这个,这个太麻烦!)
                for (var i = 0; i < nums.length; i++) {
                    alert(nums[i]);
            error:function(){
                alert("ajax出错!");
    });

#### 以上这种使用的$.parseJson()把字符串解析为JavaScript对象,但是比eval()更安全 ####

后边的两种是以后经常使用的方式

第二种:Ajax请求中设定dataType: "json"

    $(function () {
        $.ajax({
            type: "post", url: "jQueryAjaxTest.ashx",
            dataType:"json",    //这里从服务器中拿到的json字符串,通过这一语句设置后,就是间接地通过了paseJson()方法来变成了javascript对象
            data: { i1: 10, i2: 30 },
            success: function (resTxt) {
                for (var i = 0; i < resTxt.length; i++) {
                    alert(resTxt[i]);
            error: function () {
                alert("ajax出错!");
    }); 

这样处理后,success中的第一个参数就是,javascript对象了。不需要手动解析(其实是间接地已经调用过了$.parsejson了)

第三种:在ajax请求的ashx文件设置:ContentType为"application/json"

   //第三种方法是在ashx文件中,修改报文头。。context.Response.ContentType = "application/json";
    $(function () {         
        $.ajax({
            type: "post", url: "jQueryAjaxTest.ashx",
            data: { i1: 10, i2: 30 },
            success: function (resTxt) {
                for (var i = 0; i < resTxt.length; i++) {
                    alert(resTxt[i]);
            error: function () {
                alert("ajax出错!");
    */

这样处理后,success中的第一个参数就是,javascript对象了。不需要手动解析(其实是间接地已经调用过了$.parsejson了)

ashx文件

    public void ProcessRequest (HttpContext context) {
    context.Response.ContentType = "text/plain";
    //context.Response.ContentType = "application/json";
    //做一个加法的运算
    //int i1 = Convert.ToInt32(context.Request["i1"]);
    //int i2 = Convert.ToInt32(context.Request["i2"]);
    //context.Response.Write(i1+i2);
 
推荐文章
沉稳的紫菜汤  ·  “购物车”里的乡村消费新风(乡村观察)-图片报道-中华人民共和国交通运输部
3 月前
完美的消炎药  ·  祛痘凝胶有用吗 | 祛痘凝胶哪个效果好_什么值得买
1 年前
慷慨的蜡烛  ·  NBA历史上总冠军十大排名,2017年勇士只能排第2-搜狐体育
1 年前
不拘小节的牛排  ·  关于重庆市国防动员建设先进集体和先进个人拟表彰对象的公示_重庆市人力资源和社会保障局
1 年前
愉快的猴子  ·  Kindle中国电子书店关闭后,如何传书?内附Kindle换区教程_电子书阅读器_什么值得买
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
小百科 - 百科知识指南
© 2024 ~ 沪ICP备11025650号