推56論壇

 找回密碼
 立即注冊(限中文)

QQ登錄

只需一步,快速開始

查看: 917|回復: 0

[其他類] ajax套ajax是什么意思(Ajax請求示例代碼)

[復制鏈接]
發表于 2020-7-11 13:12:39 | 顯示全部樓層 |閱讀模式
  1. ajax請求的五個步驟

  2. 第一步,創建XMLHttpRequest對象

  3. 第二步,注冊回調函數

  4. 第三步,配置請求信息,open(),get

  5. 第四步,發送請求,post請求下,要傳遞的參數放這

  6. 第五步,創建回調函數

  7. //第一步,創建XMLHttpRequest對象
  8. var xmlHttp = new XMLHttpRequest();
  9. function CommentAll() {
  10. //第二步,注冊回調函數
  11. xmlHttp.onreadystatechange =callback1;
  12. //{
  13. // if (xmlHttp.readyState == 4)
  14. // if (xmlHttp.status == 200) {
  15. // var responseText = xmlHttp.responseText;
  16. // }
  17. //}
  18. //第三步,配置請求信息,open(),get
  19. //get請求下參數加在url后,.ashx?methodName = GetAllComment&str1=str1&str2=str2
  20. xmlHttp.open("post", "/ashx/myzhuye/Detail.ashx?methodName=GetAllComment", true);
  21. //post請求下需要配置請求頭信息
  22. //xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  23. //第四步,發送請求,post請求下,要傳遞的參數放這
  24. xmlHttp.send("methodName = GetAllComment&str1=str1&str2=str2");//"
  25. }
  26. //第五步,創建回調函數
  27. function callback1() {
  28. if (xmlHttp.readyState == 4)
  29. if (xmlHttp.status == 200) {
  30. //取得返回的數據
  31. var data = xmlHttp.responseText;
  32. //json字符串轉為json格式
  33. data = eval(data);
  34. $.each(data,
  35. function(i, v) {
  36. alert(v);
  37. });
  38. }
  39. }

  40. 后臺方法

  41. private void GetAllComment(HttpContext context)
  42. {
  43. //Params可以取得get與post方式傳遞過來的值。
  44. string methodName = context.Request.Params["methodName"];
  45. //QueryString只能取得get方式傳遞過來的值。
  46. string str1 = context.Request.Form["str1"];
  47. //取得httpRequest傳來的值,包括get與post方式
  48. string str2 = context.Request["str2"];
  49. List<string> comments = new List<string>();
  50. comments.Add(methodName);
  51. comments.Add(str1);
  52. comments.Add(str2);
  53. //ajax接受的是json類型,需要把返回的數據轉給json格式
  54. string commentsJson = new JavaScriptSerializer().Serialize(comments);
  55. context.Response.Write(commentsJson);
  56. }

  57. 本篇文章到這里就已經全部結束了,更多其他精彩內容可以關注的JavaScript視頻教程欄目!

  58. 以上就是ajax請求的五個步驟的詳細內容,更多請關注其它相關文章!

  59. 更多技巧請《轉發 + 關注》哦!
復制代碼


本版積分規則

免責聲明|站長論壇 ( 豫ICP備11018337號-5 )

推56論壇(www.799637.tw)站長論壇 網絡營銷論壇 新手站長論壇 網絡推廣論壇 外鏈論壇

Powered by Discuz! X3.4 Licensed

©2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表
浙江11选五遗漏