AJax技术

ajax post data 获取不到数据,注意content

字号+ 作者:H5之家 来源:H5之家 2017-12-15 10:11 我要评论( )

ajax post data 获取不到数据,注意 content-type的设置 、post/get 关于 jQuery data 传递数据。网上各种获取不到数据,乱码之类的。 好吧今天我也遇到了,网上一查各种纠结。乱码不管先看获取不到数据。 因为之前一直用jQuery ajax get的方式传递参数, 默

  ajax post  data  获取不到数据,注意 content-type的设置 、post/get
关于 jQuery data 传递数据。网上各种获取不到数据,乱码之类的。
好吧今天我也遇到了,网上一查各种纠结。乱码不管先看获取不到数据。
因为之前一直用jQuery ajax get的方式传递参数, 默认没有设置过 contentType 的值。

      var Skip = 49; //Number of skipped row
     var Take = 14; //
     function Load(Skip, Take) {
          $('#divPostsLoader').html('<img src=http://www.update8.com/Web/Jquery/"ProgressBar/ajax-loader.gif">');
         //send a query to server side to present new content
         $.ajax({
              type: "get",
              url: "AjaxImage.ashx",
             data: { Skip: Skip, Take: Take },
              //contentType: "application/json; charset=utf-8",//(可以)
             //contentType: "text/xml",//(可以)
              //contentType:"application/x-www-form-urlencoded",//(可以)
             //dataType: "string",
              success: function (data) {
                  if (data != "") {
                     $('.thumb').append(data);
                  }
                 $('#divPostsLoader').empty();
              }
          })
     };

chrome下,没有设置contentType的值,好,我们来看默认情况:

image



默认参数通过url参数传递,请求的内容类型:application/x-www-form-urlencoded

一般处理文件获取参数内容:

int Skip = Convert.ToInt32(context.Request["Skip"]); 2: int Take = Convert.ToInt32(context.Request["Take"]);

毫无压力,因为我一直都是这么干的大笑,没有任何问题。好了,来换一下请求的内容类型:
 //contentType: "application/json; charset=utf-8",//(可以) 2: //contentType: "text/xml",//(可以)
 

也都可以,参数获取正常。
这也就是我们说的get方式,参数是跟在url后边,与Content-Type无关。

 

可是今天要用post方式了有木有。

$.ajax({ 2: type: "post",
chrome下,没有设置contentType的值,来看默认情况:

image

 

data数据由from表单提交,请求的内容类型:application/x-www-form-urlencoded,

好了,默认情况下一般处理文件获取参数也可以。

可是,但是 我最开始设置的是 contentType: "application/json; charset=utf-8",看图:

image



Request Paload 是什么???

调试一下,看我们的from里边,没有内容:

image



好吧, 到这里我们解决了 博问里那个问题(),

本来搜索到这个博问,甚是高兴的,但是,悬而未决有木有,小伙伴不厚道啊!捧腹大笑

经测试:

              //contentType: "application/json; charset=utf-8",//(不可以)
              //contentType: "text/xml",//(不可以)
             contentType:"application/x-www-form-urlencoded",//(可以)

 

总结一下吧:本来get/post方式都是知道的,但注意,contentType与传递数据匹配(本文data)。

            做过模拟登录、模拟提交数据的同学肯定都很清楚了。



更多关于 的文章

·上一篇:jQuery分页效果的优势
·下一篇:jQuery谷歌地图插件Maplace(图中附送如何攻击开源中国数据库)

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • ajax小技巧,防止多次点击发送多个请求

    ajax小技巧,防止多次点击发送多个请求

    2017-12-15 13:14

  • Ajax技术(84)

    Ajax技术(84)

    2017-12-15 10:09

  • PJAX初体验(主要是利用HTML5 新增API pushState和replaceState+AJAX)

    PJAX初体验(主要是利用HTML5 新增API pushState和replaceState+AJAX

    2017-12-14 12:26

  • asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

    asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码

    2017-12-14 10:01

网友点评