cari

Rumah >hujung hadapan web >tutorial js >Cara jQuery menggunakan $.ajax untuk muat semula tak segerak (dengan muat turun demo)_jquery

Cara jQuery menggunakan $.ajax untuk muat semula tak segerak (dengan muat turun demo)_jquery

WBOY
WBOYasal
2016-05-16 15:27:321762semak imbas

Contoh dalam artikel ini menerangkan cara jQuery menggunakan $.ajax untuk muat semula tak segerak. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

Baru-baru ini saya menggunakan jquery untuk membaca data secara tak segerak menyediakan banyak fungsi bacaan tak segerak terbina dalam saya akan menunjukkan kepada anda penggunaan $.ajax yang paling biasa digunakan

Masukkan kandungan dalam kotak teks pada bahagian klien, dan kemudian kembalikan masa pada bahagian pelayan

Fail ashx digunakan dalam DEMO untuk mendapatkan maklumat pelayan

Gambar kesan

Fungsi

escape() mengekod rentetan supaya ia boleh dibaca pada semua komputer.

Kod pelanggan

<%@ 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&#63;name=" + $('#Text1').val(), 
    cache: false, 
    data: { sex: "男" }, 
    success: function(output) { 
     if (output == "" || output == undefined) { 
      alert('返回值为空!'); 
     } 
     else { 
      output = eval("(" + output + ")"); 
      $('#divmsg').html("姓名:" + output.name + "----" + "日期:" + output.dt); 
     } 
    }, 
    error: function(XMLHttpRequest, textStatus, errorThrown) { 
     alert("获取数据异常"); 
    } 
   }); 
  } 
// --></mce:script> 
</head> 
<body> 
 <form id="form1" runat="server"> 
 <div> 
  ajax使用demo 
 </div> 
 <div> 
<input id="Text1" 
   type="text" /> 
     <input id="Button1" type="button" value="获取数据" onclick="GetData()"/> 
   </div> 
  <div id='divmsg'> 
  </div> 
 </form> 
</body> 
</html>

Kod sisi pelayan

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

Klik di sini untuk kod contoh lengkapMuat turun dari tapak ini.

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Isu tentang nilai jenis asas dan nilai jenis rujukan yang disebabkan oleh JavaScript yang memberikan nilai kepada kemahiran input_javascriptArtikel seterusnya：Isu tentang nilai jenis asas dan nilai jenis rujukan yang disebabkan oleh JavaScript yang memberikan nilai kepada kemahiran input_javascript

Artikel berkaitan

Lihat lagi