首页 / AJAX / Ajax的小封装get,post请求

Ajax的小封装get,post请求

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Ajax的小封装get,post请求，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1536字，纯文字阅读大概需要3分钟。

内容图文

Ajax的小封装对ajax的get请求的小封装
  2. function Ajax() {
  3. var xhr =null;
  4. if(window.XMLHttpRequest) {
  5. xhr = new XMLHttpRequest();
  6. } else {
  8. xhr = new ActiveXObject("Microsoft.XMLHttp");
  9. }
  10. this.get=function(url,success,fail){ //get请求
  11. xhr.open("GET", "1.jsp",true);
  12. xhr.onreadystatechange=function(){
  13. if(xhr.readyState==4) {
  14. alert(xhr.status);
  15. if(xhr.status==200) {
  16. var txt = xhr.responseText;
  17. txt = eval("("+txt+")");
  18. var ch = txt.charAt(0);
  19. if(ch=="<") { //xml类型
  20. var xml = xhr.responseXML;
  21. success(eval("("+xml+")"));
  22. } else if(ch=="["||ch=="{") {//json类型
  23. txt = eval("("+txt+")");
  24. success(txt);
  25. } else {//不知道直接返回
  27. success(txt);
  28. }
  29. } else {
  30. if(fail) {
  31. fail(xhr.status);
  32. }
  33. }
  34. }
  36. };
  37. xhr.send(null);
  39. };
  42. this.post = function (url,param,success,fail) {//post请求
  43. xhr.open("POST", "1.jsp",true);
  44. xhr.onreadystatechange=function(){
  45. if(xhr.readyState==4) {
  46. alert(xhr.status);
  47. if(xhr.status==200) {
  48. var txt = xhr.responseText;
  49. var ch = txt.charAt(0);
  50. if(ch=="<") { //xml类型
  51. var xml = xhr.responseXML;
  52. success(eval("("+xml+")"));
  53. } else if(ch=="["||ch=="{") {//json类型
  54. txt = eval("("+txt+")");
  55. success(txt);
  56. } else {//不知道直接返回
  58. success(txt);
  59. }
  61. } else {
  62. if(fail) {
  63. fail(xhr.status);
  64. }
  65. }
  66. }
  68. };
  69. xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  70. xhr.send(param);
  71. };
  73. }

内容总结

以上是互联网集市为您收集整理的Ajax的小封装get,post请求全部内容，希望文章能够帮你解决Ajax的小封装get,post请求所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/130378.html

来源：【匿名】