jQueryは非同期リフレッシュを実装します-jsチュートリアル-php.cn

jQueryは非同期リフレッシュを実装します

php中世界最好的语言

リリース： 2018-04-25 14:23:40

オリジナル

1811 人が閲覧しました

今回は、jQuery で非同期リフレッシュを実装するための注意事項について説明します。実際のケースを見てみましょう。

最近、データを非同期的に読み取るために jquery を使用する必要があります。jquery には多くの組み込みの非同期読み取り関数が用意されています。最も一般的に使用される $.ajax の使用方法を説明します。

クライアントテキストボックスに内容を入力して、サーバー -サイドリターンタイム

ashxファイルは、サーバー情報を取得するためにデモで使用されます

効果画像

escape()関数は、すべてのコンピュータで使用できるように

文字列をエンコードできます。文字列を読み取ります。

クライアント側のコード

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default7.aspx.cs" Inherits="Default7" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<mce:script type="text/javascript" src="js/jquery-1.4.2.min.js" mce_src="js/jquery-1.4.2.min.js"></mce:script> 
 <title></title> 
 <mce:script type="text/javascript"><!-- 
  function GetData() { 
   if ($(&#39;#Text1&#39;).val() == &#39;&#39;) { 
    alert(&#39;请输入内容!&#39;); 
    return; 
   } 
   $.ajax({ 
    type: "GET", 
    url: "ContentHandler.ashx?name=" + $(&#39;#Text1&#39;).val(), 
    cache: false, 
    data: { sex: "男" }, 
    success: function(output) { 
     if (output == "" || output == undefined) { 
      alert(&#39;返回值为空!&#39;); 
     } 
     else { 
      output = eval("(" + output + ")"); 
      $(&#39;#pmsg&#39;).html("姓名:" + output.name + "----" + "日期:" + output.dt); 
     } 
    }, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert("获取数据异常"); 
    } 
   }); 
  } 
// --></mce:script> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <p> 
  ajax使用demo 
 </p> 
 <p> 
<input id="Text1" 
   type="text" /> 
     <input id="Button1" type="button" value="获取数据" onclick="GetData()"/> 
   </p> 
  <p id=&#39;pmsg&#39;> 
  </p> 
 </form> 
</body> 
</html>

ログイン後にコピー

サーバー側のコード

<%@ WebHandler Language="C#" Class="ContentHandler" %> 
using System; 
using System.Web; 
public class ContentHandler : IHttpHandler { 
 public void ProcessRequest (HttpContext context) { 
  string output = ""; 
  string name = context.Request.Params["name"]; 
  output = GetJsonData(name); 
  context.Response.ContentType = "text/plain"; 
  context.Response.Write(output); 
 } 
 public bool IsReusable { 
  get { 
   return false; 
  } 
 } 
 public string GetJsonData(string aa) 
 { 
  string result = "{name:/""+aa+"/",dt:/""+DateTime.Now.ToString()+"/"}"; 
  return result; 
 } 
}

ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

jQuery が Ajax リクエストを終了するメソッドとは何ですか

ASP が json データを処理する手順の詳細な説明

以上がjQueryは非同期リフレッシュを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。