`
Vicvieky
  • 浏览: 9469 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类
最新评论

关于Jquery中ajax方法data参数用法的总结

阅读更多
jquery手册描述:data 发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
示例:$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});这里data后面跟的参数可以用二种表式:一种是普通url传参的写法一样,还有一种就是写在json数组里,上面示例data部分也可以这样写:data: {name:"John",location:"Boston"}。这二个用法有什么区别?今天在开发中发现二者用法的细微差别。第一种我们用url传参,参数里面如果加带"&"这个符号的话,可能参数接收不到或不完整,如“ data: "name=John&location=Boston",”,如果name的值是"john&smith"这样写可能就会有问题,我们可以用JS里面的encodeURIComponent()方法进行转义,但如果用data: {name:"John",location:"Boston"}这种方式写的话就不需要进行转义,如果转义的话,接收的将是转义后的字符串

分享到:
评论

相关推荐

    jquery的ajax方法

    **数据交互**在jQuery的Ajax方法中,可以通过`data`参数传递数据到服务器,可以是JSON、序列化的字符串或者查询字符串。同时,服务器返回的数据会在`success`回调函数中处理,通常以JSON格式接收,便于前端解析和...

    jquery中ajax的用法实例

    ### jQuery中Ajax的用法实例 #### 一、概述 jQuery 是一款优秀的 JavaScript 库,其简化了许多 HTML 文档操作、事件处理、动画以及 Ajax 交互。尤其在处理 Ajax 方面,jQuery 提供了一系列简单易用的方法,使得...

    Asp.net中JQuery、ajax调用后台方法总结

    * 在后台方法中使用 `[System.Web.Services.WebMethod()]` 特性来标记方法为可被调用的 * 在调用后台方法时,需要指定 `type`、`url`、`data`、`contentType` 和 `dataType` 等参数 * 在处理返回数据时,需要使用 `...

    Jquery中ajax方法data参数的用法小结

    在jQuery中,`$.ajax()`方法是用于异步发送HTTP请求的核心函数,它允许开发者以JSON、XML、HTML或其他格式与服务器交换数据。在`$.ajax()`的配置对象中,`data`参数是一个非常关键的部分,用于指定要发送到服务器的...

    jquery 的ajax用法

    本文将深入探讨jQuery中的Ajax用法,包括基本使用、参数配置、请求类型以及处理响应。 ### 1. 基本使用 jQuery的Ajax方法是`$.ajax()`,其基本语法如下: ```javascript $.ajax({ url: '...

    jquery,ajax的几个小例子

    1. **$.ajax()函数**:这是jQuery中最核心的Ajax方法,可以接受多个参数来定制请求。例如,URL、类型(GET或POST)、数据、回调函数等。基本用法如下: ```javascript $.ajax({ url: 'your-url', type: 'GET', ...

    jquery ajax 向后台传递数组参数示例

    本文将深入讲解如何在jQuery AJAX中向后台传递数组参数,并提供示例代码。 首先,理解问题的关键在于JavaScript数组在传递给后台时,如果数组内包含的是对象,会被转化为`[object Object]`的字符串形式。这是因为...

    jQuery使用Ajax方法调用WebService

    总结来说,jQuery的Ajax方法提供了一种灵活的方式来调用WebService,实现在不刷新页面的情况下获取和更新数据。理解并熟练运用这些方法,能够提高你的Web应用性能,提升用户体验。在实际项目中,应根据具体需求选择...

    为jquery的ajax请求添加超时timeout时间的操作方法

    总结以上所述,为jQuery的Ajax请求添加超时时间的操作方法能够让开发者更加主动地管理网络请求的行为,提升应用的响应速度和用户体验。通过合理设置timeout值,并结合success、error和complete回调函数,可以在不同...

    asp.net 利用jquery-ajax调用后台方法

    在HTML页面中,我们可以使用jQuery的`$.ajax()`方法来调用这个WebMethod。以下是一个简单的例子: ```javascript $.ajax({ type: "POST", url: "Default.aspx/HelloWorld", contentType: "application/json; ...

    Jquery跨域Ajax请求测试

    在jQuery中,使用`xhrFields`参数添加`withCredentials`设置为`true`,可以实现携带Cookie的跨域请求。 ```javascript $.ajax({ type: "GET", url: "http://example.com/remote-service", xhrFields: { ...

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

    Jquery ajax json 总结

    本文将深入探讨这两个概念以及它们在实际应用中的使用方法。 首先,JQuery 的 AJAX(Asynchronous JavaScript and XML)功能允许开发者在不刷新整个网页的情况下与服务器进行通信,实现了页面的动态更新。它通过...

    jquery-ajax实例

    AJAX(异步JavaScript和XML)技术在现代Web开发中扮演着关键角色,而jQuery的ajax方法则提供了简洁的API来实现这一功能。 首先,我们来看`bean - json`的转化。在Web服务中,我们经常需要在服务器端处理Java Bean...

    js操作Cookie子键+Jquery调用Ajax方法执行后台操作

    总结来说,JS操作Cookie的子键和jQuery调用Ajax方法是Web开发中常见的技术,它们使得我们能够高效地处理用户交互和数据交换。通过理解并熟练运用这些技巧,你可以创建更加动态和响应式的Web应用。在实际项目中,记得...

    jQuery使用Ajax方法调用WebService.doc

    ### jQuery使用Ajax方法调用WebService知识点详解 #### 一、简介 在Web开发领域中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于实现页面局部刷新等功能,极大地提升了用户体验。结合jQuery这一流行的...

    使用jQuery ajax提交表单代码

    总的来说,使用jQuery的ajax方法提交表单是一种高效且灵活的方式,能够无缝集成到现有的jQuery应用中。通过理解以上知识点,开发者可以创建更动态、响应更快的Web应用。在提供的压缩包文件“jqueryform”中,你应该...

    jquery+ajax的视频讲解

    在“第八章后jQueryAjax的使用”中,我们将深入探讨如何利用jQuery进行AJAX操作。 **AJAX基础** AJAX(Asynchronous JavaScript and XML)是一种创建动态网页的技术,允许在不重新加载整个页面的情况下,与服务器...

    jquery,jquery是Ajax的一个框架

    jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了前端开发中的许多任务,尤其是处理 AJAX(Asynchronous JavaScript and XML)请求。AJAX 是一种在不刷新整个网页的情况下,允许部分网页内容异步更新的技术。...

Global site tag (gtag.js) - Google Analytics