jQuery.post(url,[data],[callback])

来源:互联网 发布:局网络管理办法 编辑:程序博客网 时间:2024/05/16 10:45

本文转载于:http://www.cnblogs.com/bynet/archive/2010/01/04/1638692.html
jQuery.post(url,[data],[callback])
通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 .ajax使.ajax。
返回值
XMLHttpRequest

参数
url (String) : 发送请求地址。

data (Map) : (可选) 待发送 Key/value 参数。

callback (Function) : (可选) 发送成功时回调函数。

实例:利用$.post()计算两个数的和及乘(返回json)的结果。

index.html页面JS代码片段:

代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->        $("#btn_1").click(function(){            //验证            if ($("#txt_1").val()=='' || $("#txt_2").val()=='')            {                alert('请输入要计算的值');                return false;            }            //向add.ashx请求结果            $.post('Enumerate/add.ashx',{                 //参数一                num1: $('#txt_1').val(),                 //参数二                num2: $("#txt_2").val()             },             //回调函数            function(theback)             {                //输出结果                $("#span_1").text(theback);            },            //返回类型            "text"            );        });

add.ashx页面代码(计算并返回结果):

代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><%@ WebHandler Language="C#" Class="add" %>using System;using System.Web;public class add : IHttpHandler {    public void ProcessRequest (HttpContext context) {        //返回类型        context.Response.ContentType = "text/html";        //接收参数        int iNum1, iNum2;        int.TryParse(context.Request["num1"].ToString(),out iNum1);        int.TryParse(context.Request["num2"].ToString(),out iNum2);        //计算并返回结果        context.Response.Write("结果:"+(iNum1+iNum2).ToString());    }    public bool IsReusable {        get {            return false;        }    }}

$.post()返回json方式用法:

代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->$("#btn_2").click(function(){            //验证            if ($("#txt_3").val()=='' || $("#txt_4").val()=='')            {                alert('请输入要计算的值');                return false;            }            //向multiply.ashx请求结果            $.post('Enumerate/multiply.ashx',{                 //参数一                num1: $('#txt_3').val(),                 //参数二                num2: $("#txt_4").val()             },            //回调函数             function(theback)             {                //输出结果                $("#div_2").html('第一个数:'+theback.num1+'<br />'+'第二个数:'+theback.num2+'<br />'+'算法类型:'+theback.type+'<br />'+'计算结果:'+theback.result);            },            //返回类型            "json"            );        });

C#返回json方式代码(multiply.ashx页面):

代码 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->        context.Response.ContentType = "application/json";        int iNum1, iNum2;        int.TryParse(context.Request["num1"].ToString(), out iNum1);        int.TryParse(context.Request["num2"].ToString(), out iNum2);        context.Response.Write("{num1: '" + iNum1.ToString() + "',num2: '" + iNum2.ToString() + "',type: 'enumerate',result: '" + (iNum1 * iNum2).ToString() + "'}");
0 0
原创粉丝点击