Jquery異步請求數據實例

本文轉載自查看原文 2011-12-27 21:59 28894 C#.net

一、Jquery向aspx頁面請求數據

前台頁面JS代碼：

            $( " #Button1 ").bind( " click ", function () {
                $.ajax({
                    type: " post ",
                    url: " default.aspx ",
                    data: " name= " + $( " #Text1 ").val(),
                    success: function (result) {
                        alert(result.msg);
                    }
                });
            });

后台cs代碼：

View Code

     protected void Page_Load( object sender, EventArgs e)
    {
         if (Request[ " name "]!= null)
        {
            Response.ContentType = " text/json ";
            Response.Write( " {\"msg\":\" "+Request[ " name "]+ " \"} "); // 將數據拼湊為Json
            Response.End();
        }
    }

二、Jquery向WebService頁面請求數據

            $( " #Button2 " ).bind( " click " , function () {
                $.ajax({
                    type: " post " ,
                    contentType: " application/json " ,
                    url: " WebService.asmx/HelloWorld " ,
                    data: " {name:' " + $( " #Text1 " ).val() + " '} " ,
                    datatype: " json " ,
                    success: function (result) {
                        alert(result.d);
                    }
                });
            });

WebService代碼

View Code

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;

/// <summary>
/// Summary description for WebService
/// </summary>
[WebService(Namespace = " http://tempuri.org/ " )]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
// To allow this Web Service to be called from script, using ASP.NET AJAX, uncomment the following line.
[System.Web.Script.Services.ScriptService]
public class WebService : System.Web.Services.WebService {

     public WebService () {

         // Uncomment the following line if using designed components
         // InitializeComponent();
    }

    [WebMethod]
     public string HelloWorld( string name) {
         return " Hello World " +name;
    }

}

三、Jquery向ashx請求數據和向頁面相同

Js代碼：

             $( " #Button3 " ).bind( " click " , function () {
                $.ajax({
                    type: " post " ,
                    url: " Handler.ashx " ,
                    data: " name= " + $( " #Text1 " ).val(),
                    success: function (result) {
                        alert(result.msg);
                    }
                });
            });

后台代碼:

View Code

<%@ WebHandler Language= " C# " Class= " Handler " %>

using System;
using System.Web;

public class Handler : IHttpHandler {

     public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = " text/json ";
        context.Response.Write( " {\"msg\":\"Hello World "+context.Request[ " name "]+ " 來自handler.ashx\"} ");
        context.Response.End();
    }

     public bool IsReusable {
         get {
             return false;
        }
    }

}

代碼下載

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JS異步請求數據 JQuery請求數據的方式 vue 中promise 異步請求數據 Ajax實現異步操作實例_針對XML格式的請求數據 egg.js異步請求數據 ajax異步刷新請求數據 jquery 跨域請求數據問題 jquery post跨域請求數據 jquery ajax請求數據超時設置完全代碼實現UITableView下拉更新，異步請求數據