jQuery get()和post()方法用于通过HTTP GET或POST请求从服务器请求数据.
HTTP请求:GET VS POST
两种在客户端和服务器端进行请求-响应的常用方法是:GET和POST.
·GET---从指定的资源请求数据.
·POST---向指定的资源提交要处理的数据.
GET基本上用于从服务器获得(取回)数据.注释:GET方法可能返回缓存数据.
POST也可以用于从服务器获取数据.不过,POST方法不会缓存数据,并且常用于连同请求一起发送数据.
jQuery $.get()方法
$.get()方法通过HTTP GET请求从服务器上请求数据.
语法:
$.get(URL,callback);
必须的URL参数规定您希望请求的URL.
可选的callback参数是请求成功后所执行的函数名.
下面的例子使用$.get()方法从服务器上的一个文件中取回数据:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

     <title>jQuery $.get()</title>

     <script type="text/javascript" src="js/jquery-1.11.3.js"></script>

     <script type="text/javascript">

           $(document).ready(function(){

                  $('button').click(function() {

                     $.get('demo_test.php',function(data,status){

                         alert('数据:'+ data + '\n状态:' + status);

                     });

                  });

           });

     </script>

 </head>

 <body>

     <button>向页面发送HTTP GET请求,然后获得返回的结果</button>

 </body>

 </html>
demo_test.php文件代码:
  <?php header("Content-type: text/html; charset=utf8"); echo "这是新加载的文字!"; ?> 
jQuery $.post()方法
$.post()方法通过HTTP POST请求连同请求一起发送数据.
语法:
$.post(URL,data,callback);
 
参数
描述
URL
 希望请求的URL
data
 连同请求发送的数据
callback
 请求成功后所执行的函数名
 
 
 
 
 
下面的例子使用$.post()连同请求一起发送数据:
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />

     <title>jQuery $.post()</title>

     <script type="text/javascript" src="js/jquery-1.11.3.js"></script>

     <script type="text/javascript">

         $(document).ready(function() {

             $('button').click(function() {

                 $.post('demo_test_post.php',{name:"liubeimeng",city:"beijing"},function(data,status){

                     alert('数据:'+data+'\n状态'+status);

                 });

             });

          });

     </script>

 </head>

 <body>

     <button>向页面发送 HTTP POST 请求 , 并获得返回的结果 .</button>

 </body>

 </html>
demo_test_post.php:
 <?php

 $name = $_POST["name"];

 $city = $_POST["city"];

 echo "我的名字是:",$name,"我的城市是:",$city;

 ?>
$.post()的第一个参数是我们希望请求的URL('demo_test_post.php').
然后我们连同请求(name和city)一起发送数据.

jQuery - AJAX get()和post()方法的更多相关文章

  1. Jquery Ajax调用aspx页面方法

    Jquery Ajax调用aspx页面方法 在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过as ...

  2. jquery.ajax请求aspx和ashx的异同 Jquery Ajax调用aspx页面方法

    1.jquery.ajax请求aspx 请求aspx的静态方法要注意一下问题: (1)aspx的后台方法必须静态,而且添加webmethod特性 (2)在ajax方法中contentType必须是“a ...

  3. jQuery ajax - get(),getJSON(),post()方法

    1)       jQuery ajax - get() 方法: $(selector).get(url,data,success(response,status,xhr),dataType) 参数 ...

  4. Jquery Ajax调用aspx页面方法 (转载)

    在asp.net webform开发中,用jQuery ajax传值一般有几种玩法 1)普通玩法:通过一般处理程序ashx进行处理: 2)高级玩法:通过aspx.cs中的静态方法+WebMethod进 ...

  5. jquery ajax局部加载方法介绍

    [导读] 在jquery中实现ajax加载的方法有很多种,不像以前的js的ajax只有那一种,下面我们介绍jquery ajax实现局部加载方法总结,有需要了解的朋友可参考.例 代码如下复制代码 $ ...

  6. jQuery Ajax实例各种使用方法详解

    在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetu ...

  7. jQuery ajax中使用serialize()方法提交表单数据示例

    <form id="form"> 输入账号 :<input id="name" type="text" name=&quo ...

  8. JQuery AJAX请求aspx后台方法

    利用JQuery封装好的AJAX来请求aspx的后台方法,还是比较方便的,但是要注意以下几点: 1.首先要在方法的顶部加上[WenMethod]的特性(此特性要引入using System.Web.S ...

  9. jQuery – AJAX get() 和 post() 方法

    jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据. HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方 ...

  10. jQuery ajax同步的替换方法，使用 $.Deferred()对象

    function aa() { var defer = $.Deferred(); $.ajax({ url: "/Handler1.ashx", type: "post ...

随机推荐

  1. cefsharp作为采集工具（学习笔记）

    cefsharp(webkit内核)浏览器替代webbrowser用来采集页面数据. 需要在页面form加载完毕,用异步方式自动获取sourcecode. 由于国内cefsharp的资料相对比较少,在 ...

  2. Ehcache基于java API实现

    上代码: package com.utils.cacheutils; import com.situopenapi.constant.EhcacheConstants; import com.situ ...

  3. http协议中的状态码（status code），超文本传输协议状态码

    HTTP协议,又叫超文本传输协议. 在项目的开发过程中,前后端交互,这个用的是最多的,在后端给我的的接口调用时,我们往往先查看这个协议的状态码,状态码正常了,才进一步去看我们从后太拿的数据,是否为我们 ...

  4. 【redis常用的键值操作及性能优化】

    服务端 启动redis服务 { // -a:指定密码 -h:指定主机 -p:指定端口 } //让redis 服务中断崩溃 //保存和关闭 //后台备份 //设置登录密码 //redis-benchma ...

  5. 常见的Dom操作

    1.什么是DOM? DOM又称文档对象模型( DOM, Document Object Model )主要用于对HTML和XML文档的内容进行操作.DOM描绘了一个层次化的节点树,通过对节点进行操作, ...

  6. Yaf学习(三)----Yaf类库Library和Model的命名规则

    1.Yaf的library和model的文件命名规则和调用 1.1在项目中,往往需要封装一些,如redis,不同的产品需要用不同的库等等等,这就涉及到封装 1.在 Yaf 中,我们可以写一个单例模式的 ...

  7. php-语言参考-类型3.2-未完待续

    一,PHP变量的8个类型 四种标量类型: boolean (布尔型) integer (整型) float (浮点型, 也称作 double) string (字符串) 两种复合类型: array ( ...

  8. struts2学习

    struts2是一种基于mvc模式的轻量级web框架,它本质上相当于一个servlet,在mvc设计模式中,struts2作为控制器(Controller)来建立模型与视图的数据交互,struts2采 ...

  9. uva 540 - Team Queue（插队队列）

    首发:https://mp.csdn.net/mdeditor/80294426 例题5-6 团体队列(Team Queue,UVa540) 有t个团队的人正在排一个长队.每次新来一个人时,如果他有队 ...

  10. Go语言使用百度翻译api

    Go语言使用百度翻译api 之前做过一个使用百度翻译api的工具,这个工具用于用户的自动翻译功能,是使用C#调用百度翻译api接口,既然在学习Go语言,那必然也是要使用Go来玩耍一番.这里我是这么安排 ...