`
李宏喜
  • 浏览: 118747 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 发送 json 格式的两个方法

 
阅读更多
这段时间,前台使用了jquery,来做一些开发,做了两个发送json格式的数据的请求,感觉有些启发。
var connect = {
      /**
     * 同步发送参数,服务器端@RequestParam,接收参数
     * @param action
     * @param method
     * @param params
     */
    sendParamSync : function (action, method, params) {
        var ret
        $.ajaxSetup({async:false});
        $.getJSON(this._basePath + action + "/" + method + ".do", params, 
         function(res, state) {
               if (state == 'success') {
                  ret = res;
               }
        })
        return ret;
    },
    /**
     * 异步发送参数,服务器端@RequestParam,接收参数
     * @param action
     * @param method
     * @param params
     */
    sendParamAsync : function (action, method, params) {
        var ret
        $.ajaxSetup({async:true});
        $.getJSON(this._basePath + action + "/" + method + ".do",params, 
        function(res, state) {
               if (state == 'success') {
                  ret = res;
               }
        })
        return ret;
    }
}


   $.ajaxSetup({async:true});

   传递的参数是一个json格式的串,$.ajaxSetup,是设置ajax的环境变量的。
  
      jQuery.extend( jQuery.ajaxSettings, settings );
   

    而 jQuery.ajaxSettings,看了一看jquery的源代码代码
   
ajaxSettings: {
		url: location.href,
		global: true,
		type: "GET",
		contentType: "application/x-www-form-urlencoded",
		processData: true,
		async: true,
		/*
		 * timeout: 0, data: null, username: null, password: null,
		 */
		// Create the request object; Microsoft failed to properly
		// implement the XMLHttpRequest in IE7, so we use the ActiveXObject when
		// it is available
		// This function can be overriden by calling jQuery.ajaxSetup
		xhr:function(){
			return window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest();
		},
		accepts: {
			xml: "application/xml, text/xml",
			html: "text/html",
			script: "text/javascript, application/javascript",
			json: "application/json, text/javascript",
			text: "text/plain",
			_default: "*/*"
		}
	}
    

 
分享到:
评论

相关推荐

    Jquery.json.js

    `jQuery.extend()`方法用于合并两个或更多的对象,创建一个新的对象。在处理JSON数据时,可以用来合并多个JSON对象。例如: ```javascript var obj1 = { name: "John" }; var obj2 = { age: 30 }; var mergedObj = $...

    jquery.json2xml.js和jquery.xml2json.js

    在jQuery的基础上,`jquery.json2xml.js` 和 `jquery.xml2json.js` 这两个脚本提供了方便的方法来在JSON和XML之间进行转换,从而让开发者无需深入了解这两种格式的复杂性,就能轻松地在它们之间进行数据互换。...

    jquery_json.rar_JSON_jquery_jquery-json_jquery.json_jquery.json.

    这个插件主要包括了两个主要功能:将JavaScript对象转换为JSON字符串(JSON.stringify的早期版本),以及将JSON字符串解析回JavaScript对象(JSON.parse的早期实现)。 1. **JavaScript对象到JSON字符串的转换**:...

    jquery1.7+jquery for json 2.3

    结合使用这两个方法,开发者可以轻松地在前端和后端之间进行JSON数据的传递,极大地提高了开发效率。 总结来说,jQuery 1.7与jQuery JSON 2.3插件的结合使用,为开发者提供了强大而全面的JSON处理能力,同时通过...

    Jquery ajax json 总结

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

    jquery.json-2.3.js

    在处理JSON数据时,这个方法可以方便地将新接收到的数据与现有数据合并,避免覆盖原有数据,或者根据需求进行选择性更新。 在安全方面,jQuery JSON 2.3.js也有所考虑。它包含了对JSON.parse()的封装,以防止JSON ...

    前端项目-jquery-json.zip

    1. **jQuery JSON插件源码**:这个插件提供了$.toJSON()和$.parseJSON()两个主要方法。$.toJSON()可以将JavaScript对象转换为JSON字符串,而$.parseJSON()则可以将JSON格式的字符串解析为JavaScript对象。 2. **...

    JQuery 获取json数据$.getJSON方法的实例代码

    根据参数key的值执行不同的数据库查询操作,这里展示了两个方法的调用示例,分别是StockOutApp和PaymentStatement。此处的PaymentStatement方法返回了一个字符串形式的JSON数据。 在PaymentStatement方法内部,先...

    Jquery解析json

    例如,在Java中使用JSON类库可以创建一个包含多个用户的JSON对象,并将其转换为字符串发送给前端: ```java JSONObject user = new JSONObject(); user.put("name", "John Doe"); user.put("age", 30); JSONArray ...

    jquery json分页实例

    在IT行业中,jQuery和JSON是两个非常重要的技术概念,它们在网页开发中起着至关重要的作用。本实例将深入探讨如何使用jQuery实现基于JSON的无刷新分页功能,这是一种提高用户体验的有效方法,因为它允许用户在不重新...

    jquery和json结合实现ajax

    在IT行业中,jQuery和JSON是两个非常重要的技术,它们经常被结合使用以实现高效的数据交互,尤其是在构建动态、响应式的Web应用时。本教程将详细讲解如何利用jQuery和JSON实现AJAX功能,以创建一个自动下拉框效果,...

    Struts2 + jQuery+JSON 实现ajax

    后端逻辑位于`HelloWorld.java`类中,该类包含两个属性:`name`和`result`。其中`name`属性用来接收前端传来的参数,`result`属性用来存放返回给前端的JSON数据。在`execute`方法中,设置`result`的值为`"Hello!"`...

    jQuery+get/post+Ajax+Json

    在上述示例中,我们使用了$.ajax方法,设置type为'POST',data为JSON对象,dataType为'json',以发送JSON数据到服务器并接收JSON响应: ```javascript $.ajax({ url: 'api.php', type: 'POST', data: JSON....

    JQuery与Json的结合使用

    在Web开发领域,jQuery和JSON(JavaScript Object Notation)是两个极为重要的工具。jQuery是一个高效、简洁的JavaScript库,极大地简化了DOM操作、事件处理、动画制作和Ajax交互。而JSON则是一种轻量级的数据交换...

    二级关联下拉框jquery+ json java jsp

    2. 使用jQuery的`$.ajax`或`$.getJSON`方法向服务器发送请求,获取JSON数据。 3. 在Servlet中,处理请求,查询数据库,构建并返回JSON响应。 4. 在jQuery的Ajax回调函数中,解析接收到的JSON数据,动态创建并填充二...

    jquery+json实现页面无刷新分页

    这篇博客将深入探讨如何利用这两种技术来创建一个功能完备的分页系统。 首先,jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画以及Ajax交互。JSON(JavaScript Object Notation)则是一种轻...

    jQuery ajax JSON 下拉列表框级联

    在这里,当用户选择省份后,jQuery的$.ajax方法被用来向服务器发送一个请求,获取对应省份的城市数据。 3. **JSON**:JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也...

    jQuery json创建投票系统_异步投票代码

    在IT行业中,jQuery和JSON是两个非常重要的技术概念,它们在网页开发,特别是前端交互方面起着关键作用。本文将详细解析如何利用jQuery和JSON来创建一个投票系统,并且会探讨异步投票代码的工作原理。 首先,jQuery...

    Jquery遍历json的两种数据结构[参照].pdf

    【jQuery遍历JSON的两种数据结构】 ...以上就是在JavaScript和jQuery中处理JSON数据的基本操作,包括创建、遍历、转换和发送JSON数据。正确理解和运用JSON能够极大地提高Web应用的开发效率和数据交互的便捷性。

    基于jQuery+JSON的省市联动效果

    本示例是利用jQuery库和JSON数据格式来实现这一效果。 首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互。在本案例中,jQuery将被用来监听省份选择的变化,并根据变化动态更新...

Global site tag (gtag.js) - Google Analytics