Heim > Artikel > Web-Frontend > jQuery implementiert eine asynchrone Aktualisierung
jQuery implementiert eine asynchrone Aktualisierung
- php中世界最好的语言Original
- 2018-04-25 14:23:401812Durchsuche
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
<%@ 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 ($('#Text1').val() == '') {
alert('请输入内容!');
return;
}
$.ajax({
type: "GET",
url: "ContentHandler.ashx?name=" + $('#Text1').val(),
cache: false,
data: { sex: "男" },
success: function(output) {
if (output == "" || output == undefined) {
alert('返回值为空!');
}
else {
output = eval("(" + output + ")");
$('#pmsg').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='pmsg'>
</p>
</form>
</body>
</html>
Serverseitiger Code
<%@ 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;
}
}
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!