jQuery implementiert eine asynchrone Aktualisierung

Dieses Mal werde ich Ihnen jQuery zur Implementierung einer asynchronen Aktualisierung vorstellen. Was sind die Vorsichtsmaßnahmen für jQuery, um eine asynchrone Aktualisierung zu implementieren?

Ich habe jquery kürzlich zum asynchronen Lesen von Daten verwendet. Ich zeige Ihnen die am häufigsten verwendete $.ajax-Verwendung

Geben Sie einen Inhalt ein das Textfeld und geben Sie dann die Zeit auf der Serverseite zurück

Die ashx-Datei wird in der DEMO verwendet, um die Serverinformationen zu erhalten

Effektbilder

Die Die Funktion

escape() kodiert den String, sodass er auf allen Computern gelesen werden kann.

Clientseitiger Code

 
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
 
<script></script> 
 <title></title> 
 <script><!-- 
  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("获取数据异常"); 
    } 
   }); 
  } 
// --></script> 
 
 
 

   

    ajax使用demo   

   

              

    

    

   

   

Serverseitiger Code

 
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; 
 } 
}

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Für weitere spannende Informationen zahlen Sie bitte Beachten Sie auch andere verwandte Artikel auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Welche Methoden gibt es für jQuery, um Ajax-Anfragen zu beenden?

Detaillierte Erläuterung der Schritte von asp Verarbeitung von JSON-Daten

Das obige ist der detaillierte Inhalt vonjQuery implementiert eine asynchrone Aktualisierung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!