ajax使用整理

ajax不是编程语言,AJAX = 异步 JavaScript 和 XML。而是一种使用现有标准的新方法,特点是不重新加载整个页面的情况下,可以与服务器交换数据并更新部分网页内容ajax不需要任何浏览器插件。

两种使用方式:

方法一:原生的js方法

1,不同的浏览器需要不同的生成xml的方式不同,ActiveXObject是比较老的版本,生成xmlhttp。

//  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码

xmlhttp=new XMLHttpRequest();

// IE6, IE5 浏览器执行代码

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

2,向服务器发送请求

xmlhttp.open(method,url,async(true:异步,false:同步));

xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");

xmlhttp.send("fname=Henry&lname=Ford");

方法二:jquery方法

url是指一个路径,url

function get_result(mylist) {
           $.ajax({
               url:"[http://0.0.0.0:80/get_result/](http://0.0.0.0/get_result/)“,     #跳转的url
               data:{"tracelist":mylist},                    #传递的参数
               type:"post",                                       #访问方法
               success:function (data) {
                   console.log(data)
               }
           })
       }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • AJAX 原生js操作ajax 1.创建XMLHttpRequest对象 var xhr = new XMLHtt...
    碧玉含香阅读 3,298评论 0 7
  • 一.简述前端构建工具。fis3,Gulp,Grunt,Webpack www.tuicool.com/articl...
    錢小强_阅读 1,346评论 0 5
  • Ajax学习笔记 Ajax简介 1. Ajax是什么? Ajax : Asynochronous javascri...
    月上秦少阅读 430评论 0 1
  • Ajax在前端开发中有着举足轻重的地位,关于Ajax的使用和注意事项一直是一个重要的话题,借此机会,本文希望对Aj...
    grain先森阅读 1,525评论 4 55
  • 五十三:请解释 JavaScript 中 this 是如何工作的。1.方法调用模式当一个函数被保存为一个对象的属性...
    Arno_z阅读 603评论 0 2