`
liujun11
  • 浏览: 21156 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

jQuery - ajax get() 和 post() 方法

 
阅读更多

get post 是客户端和服务器端进行请求和响应的的方法。

    get --是从指定资源请求数据。

    post--是向指定的资源提交要处理的数据。

 

get 和 post 的一些注释:

    get 请求可被缓存                                           post 请求不会被缓存

    get 请求保留在浏览器历史记录中                 post 请求不会保留在浏览器历史记录中

    get 请求可被收藏为书签                                post 不能被收藏为书签

    get 请求不应在处理敏感数据时使用             post请求对数据长度没有要求   

    get 请求有长度限制

    get 请求只应当用于取回数据

    说一些简单的就是post 可以随着按钮之类的改变页面的数据 样式,而get不行。

 

语法格式

$.get(URL,callback);   

$.post(URL,data,callback);  

必需的 URL 参数规定您希望请求的 URL(请求地址)。

可选的 data 参数规定连同请求发送的数据。

可选的 callback 参数是请求成功后所执行的函数名。

 

例子

GET()

$("button").click(function(){
  $.get("pos_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

$.get() 的第一个参数是请求的 URL("pos_test.asp")。

第二个参数是回调函数。第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。

POST()

$("button").click(function(){
  $.post("pos_test_post.asp",
  {
    name:"liujun",
    city:"langfang"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

  $.post() 的第一个参数是我们希望请求的 URL ("pos_test_post.asp")。

然后我们连同请求(name 和 city)一起发送数据。

"pos_test_post.asp" 中的脚本对它们进行处理,然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。

  

 

分享到:
评论
1 楼 ls0609 2017-08-07  
这篇博文用到ajax上传录音数据了http://blog.csdn.net/ls0609/article/details/73920229

相关推荐

    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-get-post-load 方法

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

    jquery-ajax实例

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

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

    对于更简单的GET或POST请求,jQuery提供了简化的`$.getJSON()`, `$.get()`, `$.post()`方法,它们是`$.ajax()`的封装,方便快捷地进行数据请求。 综上所述,通过jQuery的AJAX功能,我们可以轻松地在客户端与ASP...

    jquery-confirm.js和jquery-form.js

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

    JQUERY插件--ajax搜索

    主要的 Ajax 方法有 `$.ajax()`, `$.get()`, `$.post()` 等。在 jQuery 中实现一个简单的 Ajax 请求如下: ```javascript $.ajax({ url: 'your_server_url', type: 'GET', // 或 'POST' data: { keyword: '...

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

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

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

    - `$.ajax()`:进行异步请求,支持GET和POST等多种HTTP方法。 - `$.get()`/`.post()`:简化版的Ajax请求,用于快速实现GET和POST操作。 - `$.getJSON()`:专门用于获取JSON数据的函数。 7. **`.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-ajax教程

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

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

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

    jquery-ajax-app-src

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

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

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

    Jquery-Ajax.rar_ajax_jq-ajax_neededhu5_travelgeq

    jQuery的Ajax方法返回Promise对象,这使得我们可以利用链式调用来处理成功和失败的回调。例如: ```javascript $.ajax('server-url') .done(function(response) { // 处理成功 }) .fail(function(xhr, status, ...

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

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

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

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

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

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

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

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

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

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

Global site tag (gtag.js) - Google Analytics