ホームページ > 記事 > ウェブフロントエンド > jQueryは非同期リフレッシュを実装します
jQueryは非同期リフレッシュを実装します
- php中世界最好的语言オリジナル
- 2018-04-25 14:23:401854ブラウズ
今回は、jQuery で非同期リフレッシュを実装するための 注意事項 について説明します。実際のケースを見てみましょう。
最近、データを非同期的に読み取るために jquery を使用する必要があります。jquery には多くの組み込みの非同期読み取り関数が用意されています。最も一般的に使用される $.ajax の使用方法を説明します。 クライアント テキスト ボックスに内容を入力して、サーバー -サイドリターンタイムashxファイルは、サーバー情報を取得するためにデモで使用されます効果画像
<%@ 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>サーバー側のコード
<%@ 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 リクエストを終了するメソッドとは何ですか
以上がjQueryは非同期リフレッシュを実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。