溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》

jQuery中ajax實(shí)現(xiàn)調(diào)用服務(wù)器端的示例分析

發(fā)布時(shí)間：2021-09-16 15:19:32 來(lái)源：億速云 閱讀：112 作者：小新 欄目：開(kāi)發(fā)技術(shù)

這篇文章給大家分享的是有關(guān)jQuery中ajax實(shí)現(xiàn)調(diào)用服務(wù)器端的示例分析的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

具體如下：

跟shotdog老師研究探討了下asp.net里，除官方龐大asp.net ajax之外的ajax解決方案。我們想法是以不同的服務(wù)器端方式輸出，然后在頁(yè)面使用jQuery的ajax實(shí)現(xiàn)調(diào)用服務(wù)器端幾個(gè)解決方案：

1、使用一般的webform，在頁(yè)面用jQuery ajax調(diào)用，再?gòu)娜〉玫膆tml數(shù)據(jù)中取得<body>內(nèi)的內(nèi)容，寫(xiě)入DOM

優(yōu)點(diǎn)：不用改變現(xiàn)有的asp.net開(kāi)發(fā)模式，可以使用現(xiàn)成的頁(yè)面；ajax取得的內(nèi)容是html文本，直接寫(xiě)入DOM即可

缺點(diǎn)：內(nèi)容浪費(fèi)，<body>之外的內(nèi)容都不是必要的，而且如果使用了MasterPage那就。。。

2、使用一般的webform，但是用Response.Write()控制輸出html，在頁(yè)面用jQuery ajax調(diào)用，將獲取的內(nèi)容寫(xiě)入DOM

優(yōu)點(diǎn)：內(nèi)容干凈，不浪費(fèi)；ajax取得的內(nèi)容是html文本，可以直接寫(xiě)入DOM

缺點(diǎn)：需要在服務(wù)器端以字符串形式構(gòu)造html文本，編程不方便，不容易調(diào)試和維護(hù)

3、使用一般的webform，用Response.Write()控制輸出json數(shù)據(jù)，在頁(yè)面用jQuery ajax調(diào)用，將json數(shù)據(jù)在客戶(hù)端加工成html后寫(xiě)入DOM

優(yōu)點(diǎn)：僅僅交換json數(shù)據(jù)，極干凈，符合高效的web設(shè)計(jì)理念

缺點(diǎn)：需要在客戶(hù)端加工json數(shù)據(jù)，并且對(duì)DOM造成入侵

4、使用asmx，封裝成web service，用jQuery ajax調(diào)用asmx的內(nèi)容，將json或者xml數(shù)據(jù)在客戶(hù)端加工成html后寫(xiě)入DOM

優(yōu)點(diǎn)：僅僅交換json或/xml數(shù)據(jù)，非常干凈；web service易于跨平臺(tái)

缺點(diǎn)：需要在客戶(hù)端加工json數(shù)據(jù)，并且對(duì)DOM造成入侵

5、使用自定義控件ascx，然后使用專(zhuān)門(mén)的webform頁(yè)面做wrapper（包裝）在頁(yè)面用jQuery ajax調(diào)用wrapper webform，將html數(shù)據(jù)寫(xiě)入DOM

優(yōu)點(diǎn)：webform僅僅用作wrapper，根據(jù)不同的請(qǐng)求參數(shù)可以在wrapper中動(dòng)態(tài)使用自定義控件；自定義控件輸出的是html文本，可以直接寫(xiě)入DOM；編程方便，有VS2008代碼感知支持，易于調(diào)試和維護(hù)

缺點(diǎn)：跟傳統(tǒng)的webform編程理念不一樣，弱化了webform的作用

以上就是討論的幾種可行的方案——不管是asp.net webform方式還是asp.net MVC方式，都是可行的。

昨天晚上又發(fā)現(xiàn)一種方案：使用ashx+jQuery .ashx是一個(gè)專(zhuān)門(mén)的用于處理HttpHandler的文件類(lèi)型，用來(lái)處理自定義Http請(qǐng)求，可以在web.config定義運(yùn)行時(shí)針對(duì)ashx的Http請(qǐng)求處理方式。

<add verb="*" path="*.ashx" type="System.Web.UI.SimpleHandlerFactory"validate="false" />

這樣我們就可以用SimpleHandlerFactory來(lái)處理ashx的http請(qǐng)求了。在ashx的類(lèi)中實(shí)現(xiàn)IRequiresSessionState接口，using下System.Web.SessionState就可以使用Session了，很方便

using System.Web.SessionState;
public class checkCookie : IHttpHandler ,IRequiresSessionState
{
  ... // todo somthing
}

實(shí)例：使用ashx+jQuery實(shí)現(xiàn)Email存在的驗(yàn)證

.ashx文件

<%@ WebHandler Language="C#" Class="CheckUser" %>
using System;
using System.Web;
public class CheckUser : IHttpHandler
{
  public void ProcessRequest (HttpContext context)
  {
      context.Response.ContentType = "text/plain";
      context.Response.Write(UserRule.GetInstance().IsUserExist(context.Request["Email"]));
  }
  public bool IsReusable
  {
    get {
      return false;
    }
  }
}

html：

<input type="text" id="email" />
<input type="button" value="test" onclick="check_email()" />

js：

function check_email()
{
  var email = $("#email").attr("value");
  $.get("../ajax/checkuser.ashx",
  { Email: email },
   function(data)
   {
    window.alert(data);
   });
}

simple的，顯然效率會(huì)比較高。不過(guò)simple的就只能夠做點(diǎn)simple的事情。如果要輸出html，還是不太方便。如果要輸出html的話(huà)，我還是比較傾向于用ascx處理內(nèi)容，webform做包裝所以ashx+jQuery應(yīng)該算是是一個(gè)asp.net里輕量級(jí)的解決方案。

感謝各位的閱讀！關(guān)于“jQuery中ajax實(shí)現(xiàn)調(diào)用服務(wù)器端的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手