热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ajaxpostdata获取不到数据,注意contenttype的设置、post/get

ajaxpostdata获取不到数据,注意content-type的设置、postget关于jQuerydata传递数据。网上各种获取不到数据,乱码之

ajax post  data  获取不到数据,注意 content-type的设置 、post/get

关于 jQuery data 传递数据。网上各种获取不到数据,乱码之类的。

好吧今天我也遇到了,网上一查各种纠结。乱码不管先看获取不到数据。

因为之前一直用jQuery ajax get的方式传递参数, 默认没有设置过 contentType 的值。

1: var Skip = 49; //Number of skipped row

2: var Take = 14; //

3: function Load(Skip, Take) {

4: $('#divPostsLoader').html('');

5: //send a query to server side to present new content

6: $.ajax({

7: type: "get",

8: url: "AjaxImage.ashx",

9: data: { Skip: Skip, Take: Take },

10: //contentType: "application/json; charset=utf-8",//(可以)

11: //contentType: "text/xml",//(可以)

12: //contentType:"application/x-www-form-urlencoded",//(可以)

13: //dataType: "string",

14: success: function (data) {

15: if (data != "") {

16: $('.thumb').append(data);

17: }

18: $('#divPostsLoader').empty();

19: }

20: })

21: };

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

image单击看大图

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

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

1:

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

毫无压力,因为我一直都是这么干的大笑,没有任何问题。好了,来换一下请求的内容类型:

1: //contentType: "application/json; charset=utf-8",//(可以) 2: //contentType: "text/xml",//(可以)

也都可以,参数获取正常。

这也就是我们说的get方式,参数是跟在url后边,与Content-Type无关。

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

1: $.ajax({ 2: type: "post",

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

单击看图

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

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

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

image单击看图

Request Paload 是什么???

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

image单击看图

好吧, 到这里我们解决了 博问里那个问题(http://q.cnblogs.com/q/11342/),

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

经测试:

1: //contentType: "application/json; charset=utf-8",//(不可以)

2: //contentType: "text/xml",//(不可以)

3: contentType:"application/x-www-form-urlencoded",//(可以)

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

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

推荐阅读
  • 本文介绍了如何利用JavaScript或jQuery来判断网页中的文本框是否处于焦点状态,以及如何检测鼠标是否悬停在指定的HTML元素上。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 本文介绍了多个关于JavaScript的书籍资源、实用工具和编程实例,涵盖从入门到进阶的各个阶段,帮助读者全面提升JavaScript编程能力。 ... [详细]
  • 本文详细介绍了如何使用 HTML 和 CSS 对文件上传按钮进行样式美化,使用户界面更加友好和美观。 ... [详细]
  • 理解文档对象模型(DOM)
    本文介绍了文档对象模型(DOM)的基本概念,包括其作为HTML文档的节点树结构,以及如何通过JavaScript操作DOM来实现网页的动态交互。 ... [详细]
  • 本文深入探讨了JavaScript中实现继承的四种常见方法,包括原型链继承、构造函数继承、组合继承和寄生组合继承。对于正在学习或从事Web前端开发的技术人员来说,理解这些继承模式对于提高代码质量和维护性至关重要。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 本文探讨了在不使用服务器控件的情况下,如何通过多种方法获取并修改页面中的HTML元素值。除了常见的AJAX方式,还介绍了其他可行的技术方案。 ... [详细]
  • 本文讨论了如何根据特定条件动态显示或隐藏文件上传控件中的默认文本(如“未选择文件”)。通过结合CSS和JavaScript,可以实现更灵活的用户界面。 ... [详细]
  • 本文探讨了2019年前端技术的发展趋势,包括工具化、配置化和泛前端化等方面,并提供了详细的学习路线和职业规划建议。 ... [详细]
  • 本文将详细介绍如何在ThinkPHP6框架中实现多数据库的部署,包括读写分离的策略,以及如何通过负载均衡和MySQL同步技术优化数据库性能。 ... [详细]
author-avatar
袁韦伦世彦琬育
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有