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

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

在使用jquery实现AJAX的应用时,经常使用到的方法有$.get()和$.post(),两个方法在使用时,接收其传过来的参数的方式有所不同,在使用$.post()时,接收的方式为:Request.Form["myid"];
在使用$.get()时,接收的试为:Request.QueryString["myid"];
=======================================================================
使用方式如下:
使用页面的源代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/网页特效" src="">http://wenfuchun.blog.163.com/blog/jquery-1.3.2.js">>
    <script type="text/javascript">
        function myclick() {
            $.post("innerajax.asp教程x",{"myid":$("#Text1").val()}, function(Date) {
                $("#span1").html(Date);//注意这里
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="Text1" type="text" /><br/>
        <span id="span1">这里将出现我的内容</span><br/>
        <input id="Button1" type="button" value="button" onclick="myclick()" /></div>
    </form>
</body>
</html>
---------------------------------------------------------------------------------------------------------------------
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);
  });
});

时间: 2025-01-24 13:53:53

Jquery中$.get()方法和$.post()方法接接受代码的相关文章

jquery实现图片左右切换的方法

  这篇文章主要介绍了jquery实现图片左右切换的方法,设计jQuery操作页面元素及对应样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 6

Jquery实现动态切换图片的方法

  本文实例讲述了Jquery实现动态切换图片的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

jQuery简单tab切换效果实现方法

 本文实例讲述了jQuery简单tab切换效果实现方法.分享给大家供大家参考.具体如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 <script src="js/jquery-latest.js"></script> <SCRIPT language=javascript ty

PHP+jquery实时显示网站在线人数的方法

 这篇文章主要介绍了PHP+jquery实时显示网站在线人数的方法,较为详细的分析了实时显示在线人数的原理与代码实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了PHP+jquery实时显示网站在线人数的方法.分享给大家供大家参考.具体分析如下: 在线人数最简单的就是直接利用js调用php,这样可以显示出有多少人访问了本站,如果要在用户未刷新页面的状态实时显示用户在线人数,我们可以利用jquery ajax来实现. 我们在一些应用中需要动态展示数据,比如当前在线人数,当

jQuery检查事件是否触发的方法

  本文实例讲述了jQuery检查事件是否触发的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 $('button').click(function(event, wasTriggered) { if (wasTriggered) { alert('triggered in code'); } else { alert('triggered by mouse'); } }); $('button').trigger('click', true); 希望本文所述

jquery控制页面部分刷新的方法

  本文实例讲述了jquery控制页面部分刷新的方法.分享给大家供大家参考.具体分析如下: 这段代码设计非常巧妙,通过jQuery的load方法加载页面的指定标签的内容 ? 1 2 3 4 5 6 7 $('#button1').click(function() { var url = "http:www.your-url.com?ID=" + Math.random(); //create random number setTimeout(function() { $("#

jQuery寻找n以内完全数的方法

  本文实例讲述了jQuery寻找n以内完全数的方法.分享给大家供大家参考.具体分析如下: 数的完满取决于它的因数(能整除原数的那些数). 例如:12的因数是1,2,3,4和6.当一个数的各因数之和大于该数本身时,该数称为"盈"数.于是12是一个盈数,因为它的因数加起来等于16.另一方面,当一个数的因数之和小于该数本身时,该数称为"亏"数.所以10是一个亏数,因为它的因数(1,2和5)加起来只等于8. 最有意义和最少见的数是那些其因数之和恰好等于其本身的数,这些数就

用jquery存取照片的具体实现方法

这篇文章介绍了用jquery存取照片的具体实现方法,需要的朋友可以参考一下   1.用jquery 调用aspx内的函数: 复制代码 代码如下: sajax("***.aspx/DoSave", //一个URL地址 ,指向函数所在的ASPX null,//参数, 所指向的ASPX的函数所需要的参数 showSaveResult);//执行成功之后执行的jS脚本 2.函数 sajax 复制代码 代码如下: function sajax(url, data, successcallback

jQuery中extend()和fn.extend()方法详解

  jQuery自定义了jQuery.extend()和jQuery.fn.extend()方法.其中jQuery.extend()方法能够创建全局函数或者选择器,而jQuery.fn.extend()方法能够创建jQuery对象方法. 这两个方法用的是相同的代码,一个用于给jQuery对象或者普通对象合并属性和方法一个是针对jQuery对象的实例,对于基本用法举几个例子: html代码如下:    代码如下: <!doctype html> <html> <head>

jQuery实现延迟跳转的方法

  本文实例讲述了jQuery实现延迟跳转的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 function delayer(){ window.location = "http://www.jb51.net/"; } jQuery(document).ready(function(){ setTimeout('delayer()', 5000); //这里实现延迟5秒跳转 }); 希望本文所述对大家的jQuery程序设计有所帮助.