`

jquery-ajax get()和post()

 
阅读更多
get( url [,data][,success(data,textStatus,jqXHR)][,dataType]):使用GET方式来进行异步请求。

参数:
url :类型String(必选)发送请求的URL地址.
data (Map):(可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示,会做为QueryString附加到请求URL中。
success(data, textStatus, jqXHR):类型: Function()(可选)当请求成功后、载入成功时回调函数(只有当Response的返回状态是success才执行的回调函数)。
dataType:类型:String(可选)从服务器返回的预期的数据类型。默认:智能猜测(xml, json, script, 或 html)。
$.get("./Ajax.aspx", {Action:"get",Name:"wjy"}, function (data,textStatus){
	//返回的 data 可以是 xmlDoc, jsonObj, html, text, 等等.
	this; // 在这里this指向的是Ajax请求的选项配置信息
	alert(data);
	//alert(textStatus);//success---请求状态:success,error等等,当然这里捕捉不到error,因为error的时候根本不会运行该回调函数
	//alert(this);
});


post( url, [data], [callback], [type] ) :使用POST方式来进行异步请求

参数:
url (String) : 发送请求的URL地址.
data (Map) : (可选) 要发送给服务器的数据,以 Key/value 的键值对形式表示。
callback (Function) : (可选) 载入成功时回调函数(只有当Response的返回状态是success才是调用该方法)。
type (String) : (可选)官方的说明是:Type of data to be sent。其实应该为客户端请求的类型(JSON,XML,等等)
Ajax.aspx:
Response.ContentType = "application/json";
Response.Write("{result: '" + Request["Name"] + ",你好!(这消息来自服务器)'}");
$.post("./Ajax.aspx", { Action: "post", Name: "wjy" },
      function (data, textStatus){
      // data 可以是 xmlDoc, jsonObj, html, text, 等等.
	//this; // 这个Ajax请求的选项配置信息,请参考jQuery.get()说到的this
	alert(data.result);
	}, "json");


http://www.cnblogs.com/qleelulu/archive/2008/04/21/1163021.html
分享到:
评论

相关推荐

    WEB开发 之 jQuery - AJAX get() 和 post() 方法.docx

    在jQuery中,AJAX主要通过`$.get()`和`$.post()`这两个方法来实现GET和POST请求。本文将深入探讨这两个方法以及它们在HTTP请求中的作用。 首先,我们需要理解GET和POST这两种HTTP请求方法的区别。GET主要用于从...

    jquery.unobtrusive-ajax.rar

    比如`data-ajax="true"`启用Ajax处理,`data-ajax-url`指定请求的目标URL,`data-ajax-method`定义HTTP方法(GET或POST)等。 2. **事件处理**:库内部监听`ajaxStart`、`ajaxSend`、`ajaxSuccess`、`ajaxError`等...

    jquery-ajax实例

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

    jquery-confirm.js和jquery-form.js

    `jquery-form`支持多种提交方式,如POST、GET、PUT和DELETE,还提供了成功的回调函数,便于在数据成功发送到服务器后执行进一步的操作。此外,它还提供了错误处理机制,帮助开发者处理可能出现的网络问题或服务器...

    jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

    最后,jQuery的Ajax功能简化了异步数据交互,.ajax()和.get()、.post()方法使得与服务器的数据通信更为便捷。 在JavaScript开发者的工作中,jQuery 3.5.1可以显著提升开发效率。它抽象了浏览器之间的差异,提供了...

    JQUERY插件--ajax搜索

    jQuery 插件利用 Ajax(异步 JavaScript 和 XML)技术,可以实现在用户输入时动态搜索并显示结果,极大地提高了用户的交互体验。本篇文章将深入探讨 jQuery 的 Ajax 搜索功能及其核心实现。 ### 一、Ajax 基础 ...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    - `$.get()`/`.post()`:简化版的Ajax请求,用于快速实现GET和POST操作。 - `$.getJSON()`:专门用于获取JSON数据的函数。 7. **`.min.js`版本** 压缩后的`jquery-1.11.1.min.js`通过删除注释、合并变量、压缩...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    最后,jQuery的Ajax功能,如`.ajax()`, `.get()`, `.post()`等,使异步数据交互变得无缝和直观。 在性能优化方面,jQuery 1.9.1引入了一些改进。例如,使用`.on()`替代`.bind()`, `.delegate()`, 和`.live()`可以...

    最新版JQuery-jquery-3.2.1.min.js

    - **Ajax**:`$.ajax()`, `$.get()`, `$.post()`, `getJSON()`等方法简化了与服务器的数据交互。 ### 5. 兼容性和性能提升 jQuery 3.x系列致力于提高对ES6及以后新特性的支持,并优化了性能。对于不再支持的旧...

    jquery-get-post-load 方法

    ### jQuery中的GET、POST与LOAD方法详解...jQuery 的 GET、POST 和 LOAD 方法以及 AJAX 方法为开发者提供了强大的工具来处理客户端与服务器之间的数据交互。通过合理运用这些方法,可以极大地提升 Web 应用的用户体验。

    jquery-ajax-app-src

    jQuery的`$.ajax()`方法或简化的`$.get()`、`$.post()`可以方便地完成这个任务。例如,我们可以通过`$.ajax()`设置URL、类型、数据和回调函数,当服务器返回结果后,可以在回调函数中处理数据并更新界面。 ```...

    jquery-ajax教程

    2. **$.get() / $.post()**:针对GET和POST请求进行了简化,适用于简单的Ajax请求场景。 3. **$.getJSON()**:专门用于获取JSON格式的数据。 4. **$.getScript()**:用于异步加载并执行JavaScript脚本文件。 5. **$....

    jquery-1.8.3.js 、jquery-1.8.3.min.js 【官方jquery包 js】

    至于Ajax,`$.ajax()`函数是其核心,支持GET、POST等多种请求方式,同时提供异步处理和数据格式化等功能。 在实际项目中,jQuery 1.8.3能够帮助开发者快速实现页面交互,提高开发效率。例如,通过使用AJAX,可以...

    Jquery-Ajax.rar_ajax_jq-ajax_neededhu5_travelgeq

    对于GET和POST请求,jQuery还提供了更简洁的接口。例如,发送一个GET请求: ```javascript $.get('server-url', {key: 'value'}, function(response) { // 处理响应 }); ``` POST请求: ```javascript $.post('...

    jquery-2.1.4.js 、jquery-2.1.4.min.js 【jquery包 js】

    4. **Ajax请求**:`.ajax()`方法简化了异步数据请求,支持XMLHttpRequest和JSONP跨域请求,还有更简单的`.get()`和`.post()`方法。 5. **链式操作**:jQuery的所有方法都返回jQuery对象,这使得我们可以连续调用多...

    最新jquery-2.1.1.js以及jquery-2.1.1.min.js文件

    4. **AJAX**:jQuery的`$.ajax()`和`$.get()`、`$.post()`等函数简化了异步数据请求,让跨域请求变得容易。 5. **动画**:`.fadeIn()`, `.slideToggle()`, `.animate()`等方法让创建复杂的动画效果变得轻松。 6. *...

    jquery-3.3.1.js和jquery-3.3.1.min.js.zip

    在AJAX方面,jQuery提供了`.ajax()`, `.get()`, `.post()`等方法,使得异步数据请求变得简单直观。例如,`$.get("data.json", function(data) {...})`能轻松获取JSON格式的数据,并在回调函数中处理返回的内容。 总...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    - **$.get()** 和 **$.post()**:简化的 GET 和 POST 请求,用于快速实现数据交换。 - **$.getJSON()**:专为获取 JSON 数据设计的函数。 ### 2. 文件版本差异 - **jquery-3.2.0.js**:这是未压缩的版本,代码...

    jquery-2.0.3.js和jquery-2.0.3.min.js

    5. **Ajax交互**:`.ajax()`, `.get()`, `.post()`等方法让异步数据获取和提交变得轻松,同时支持JSONP和跨域请求,极大地扩展了Web应用的能力。 6. **链式调用**:jQuery的链式调用特性使得代码更紧凑,可读性更强...

    jquery-3.3.1.js和jquery.min-3.3.1.js

    - **Ajax交互**:`$.ajax()`, `$.get()`, `$.post()`等函数提供了简洁的接口进行异步数据请求。 - **链式操作**:jQuery对象返回的是自身,因此可以连续调用多个方法,如`$(selector).css('color', 'red').addClass...

Global site tag (gtag.js) - Google Analytics