Heim > Artikel > Web-Frontend > Fünf Schritte für Ajax-Anfragen
Fünf Schritte einer Ajax-Anfrage
Der erste Schritt besteht darin, ein XMLHttpRequest-Objekt zu erstellen
Der zweite Schritt ist die Rückruffunktion zu registrieren
Der dritte Schritt besteht darin, die Anforderungsinformationen zu konfigurieren, open(), get
Der vierte Schritt besteht darin, die Anforderung unter dem Beitrag zu senden Anfrage, geben Sie die zu übergebenden Parameter ein.
Der fünfte Schritt besteht darin, eine Rückruffunktion zu erstellen
//第一步,创建XMLHttpRequest对象 var xmlHttp = new XMLHttpRequest(); function CommentAll() { //第二步,注册回调函数 xmlHttp.onreadystatechange =callback1; //{ // if (xmlHttp.readyState == 4) // if (xmlHttp.status == 200) { // var responseText = xmlHttp.responseText; // } //} //第三步,配置请求信息,open(),get //get请求下参数加在url后,.ashx?methodName = GetAllComment&str1=str1&str2=str2 xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true); //post请求下需要配置请求头信息 //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); //第四步,发送请求,post请求下,要传递的参数放这 xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//" } //第五步,创建回调函数 function callback1() { if (xmlHttp.readyState == 4) if (xmlHttp.status == 200) { //取得返回的数据 var data = xmlHttp.responseText; //json字符串转为json格式 data = eval(data); $.each(data, function(i, v) { alert(v); }); } }
Hintergrundmethode
private void GetAllComment(HttpContext context) { //Params可以取得get与post方式传递过来的值。 string methodName = context.Request.Params["methodName"]; //QueryString只能取得get方式传递过来的值。 string str1 = context.Request.Form["str1"]; //取得httpRequest传来的值,包括get与post方式 string str2 = context.Request["str2"]; List<string> comments = new List<string>(); comments.Add(methodName); comments.Add(str1); comments.Add(str2); //ajax接受的是json类型,需要把返回的数据转给json格式 string commentsJson = new JavaScriptSerializer().Serialize(comments); context.Response.Write(commentsJson); }
Dieser Artikel ist hier. Weitere spannende Inhalte finden Sie in der Spalte JavaScript-Video-Tutorial auf der chinesischen PHP-Website!
Das obige ist der detaillierte Inhalt vonFünf Schritte für Ajax-Anfragen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!