Heim > Web-Frontend > js-Tutorial > Hauptteil

So implementieren Sie Ajax, um im Hintergrund definierte Methoden basierend auf JavaScript_jquery aufzurufen

WBOY
Freigeben: 2016-05-16 15:22:55
Original
1336 Leute haben es durchsucht

Aufgrund der einzigartigen Vorteile von Ajax wird es in vielen aktuellen Websites häufig verwendet. Hier ist eine Einführung in die Funktionsweise von Ajax-Aufrufen. Obwohl es relativ einfach ist, hoffe ich, dass es einige bringen kann Hilfe für Anfänger. Der Code lautet wie folgt:

1. Zuerst erstellen wir eine antzone.aspx-Seite.

2. Erstellen Sie die folgende Funktion in ihrer CS-Datei:

public static string mytest(string first, string second) 
{ 
  return return first+second; 
} 
Nach dem Login kopieren

2.html-Code lautet wie folgt:

<form id="myform" runat="server"> 
<div> 
 <asp:Button ID="bt" runat="server" Text="点击测试" /> 
</div> 
</form> 
Nach dem Login kopieren

3.Der Javascript-Code lautet wie folgt:

$(function(){ 
 $("#bt").click(function(){ 
  $.ajax({ 
   type:"Post", 
   url:"antzone.aspx/mytest", 
   data:"{'first':'蚂蚁部落','second':'欢迎您'}", 
   contentType:"application/json;charset=utf-8", 
   dataType:"json", 
   success:function(data){ 
    //返回的数据用data.d获取内容 
    alert(data.d); 
   }, 
   error:function(err){ 
    alert(err); 
   } 
  }); 
  //禁用按钮的提交 
  return false; 
 }); 
}); 
Nach dem Login kopieren

Der obige Code implementiert die von uns benötigten Funktionen und kann im Hintergrund definierte Funktionen aufrufen. Die Methode zur Implementierung der Ajax-Aufrufhintergrunddefinition basierend auf jQuery wird hier vorgestellt. Wenn Sie etwas nicht verstehen, hinterlassen Sie bitte eine Nachricht.

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!