Jquery中$.get()方法和$.post()方法接接受代码

作者:简简单单 2011-06-15

Jquery中$.get()方法和$.post()方法接接受代码


在使用jquery实现AJAX的应用时,经常使用到的方法有$.get()和$.post(),两个方法在使用时,接收其传过来的参数的方式有所不同,在使用$.post()时,接收的方式为:Request.Form["myid"];
在使用$.get()时,接收的试为:Request.QueryString["myid"];
=======================================================================
使用方式如下:
使用页面的源代码
http://www.w3.org/1999/xhtml">

   
   


   


   

       

        这里将出现我的内容

       

   



---------------------------------------------------------------------------------------------------------------------
innerajax.aspx页中CS代码

    protected void Page_Load(object sender, EventArgs e)
    {
        string my =Request.Form["myid"];//注意这里
        Response.Write("这个是我的新信息"+my);
    }

===========================================================================
当为get方式传参时:

使用 AJAX 的 GET 请求来改变 div 元素的文本:

$("button").click(function(){
  $.get("demo_ajax_load.txt", function(result){
    $("div").html(result);
  });
});
亲自试一试
定义和用法
get() 方法通过远程 HTTP GET 请求载入信息。

这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

语法
$(selector).get(url,data,success(response,status,xhr),dataType)参数 描述
url 必需。规定将请求发送的哪个 URL。
data 可选。规定连同请求发送到服务器的数据。
success(response,status,xhr) 可选。规定当请求成功时运行的函数。

额外的参数:

response - 包含来自请求的结果数据
status - 包含请求的状态
xhr - 包含 XMLHttpRequest 对象
 
dataType 可选。规定预计的服务器响应的数据类型。

默认地,jQuery 将智能判断。

可能的类型:

"xml"
"html"
"text"
"script"
"json"
"jsonp"
 

详细说明
该函数是简写的 Ajax 函数,等价于:

$.ajax({
  url: url,
  data: data,
  success: success,
  dataType: dataType
});根据响应的不同的 MIME 类型,传递给 success 回调函数的返回数据也有所不同,这些数据可以是 XML root 元素、文本字符串、JavaScript 文件或者 JSON 对象。也可向 success 回调函数传递响应的文本状态。

对于 jQuery 1.4,也可以向 success 回调函数传递 XMLHttpRequest 对象。

示例
请求 test.php教程 网页,忽略返回值:

$.get("test.php");更多示例
例子 1
请求 test.php 网页,传送2个参数,忽略返回值:

$.get("test.php", { name: "John", time: "2pm" } );例子 2
显示 test.php 返回值(HTML 或 XML,取决于返回值):

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
});例子 3

显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数:

$.get("test.cgi", { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  });

---------------------------------------------------------------------------------------------------------------------------
innerajax.aspx页中CS代码

    protected void Page_Load(object sender, EventArgs e)
    {
        string my =Request.QueryString["myid"];  //注意这里
        Response.Write("这个是我的新信息"+my);
    }

------------------------------------请参照下面的传参----------------------------------------

$.get("myEdit.ashx?time="+Math.random(),{action:"getUserSchool",uid:uid},function(data,status){});  //$.get()方式,将参数传向一般处理程序

$.post("myEdit.ashx?time="+Math.random(),{"action":"getUserSchool","uid":uid},function(data,status){}); //$.post()方式,将参数传向一般处理程序


$_POST

请求 test.php 网页,忽略返回值:

$.post("test.php");TIY 实例
通过 AJAX POST 请求改变 div 元素的文本:

$("input").keyup(function(){
  txt=$("input").val();
  $.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
    $("span").html(result);
  });
});

相关文章

精彩推荐