用ajax需要引用jquery吗

JavaScript018

用ajax需要引用jquery吗,第1张

不一定需要,只是jquery集成的更方便

ajax全程是Asynchronous Javascript And XML

js里面的MLHttpRequest对象就是ajax功能的实现

下面是w3school的代码

xmlHttp=null

if (window.XMLHttpRequest)

  {// code for IE7, Firefox, Opera, etc.

  xmlHttp=new XMLHttpRequest()

  }

else if (window.ActiveXObject)

  {// code for IE6, IE5

  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP")

  }

if (xmlHttp!=null)

  {

  xmlHttp.open("GET", "note.xml", false)

  xmlHttp.send(null)

  xmlDoc=xmlHttp.responseText

  xmlHttp.open("POST", "demo_dom_http.asp", false)

  xmlHttp.send(xmlDoc)

  document.write(xmlHttp.responseText)

  }

else

  {

  alert("Your browser does not support XMLHTTP.")

  }

jquery集成的ajax方法使用更方便,所以被广泛使用

下面是jquery的示例

$.ajax({

    url:'demo.action',

    type:'POST', //GET

    async:true,  //或false,是否异步    

    data:{

       name:'yang',age:25

    },

    timeout:5000,    //超时时间

    dataType:'json',   //返回的数据格式:json/xml/html/script/jsonp/text

    beforeSend:function(XHR){     

       console.log('发送前')

    },

    success:function(data,status,XHR){

       console.log(data)

       console.log(status)

    },

    error:function(XHR,status){

       console.log('错误')

       console.log(status)

    },

    complete:function(){

       console.log('结束')

    }

})

此外还有.get(),.post(),.load()等方法,网上都有教程

首先需要在页面里引入jquery.js和ajaxupload.js

然后创建一个需要绑定上传事件的div

在js中初始化AjaxUpload对象

首先我们先来看下源码里的注释

上面的每个参数的注释都很简单易懂,这里我贴出一个实际的demo

这样就完成了的一个简单的初始化,下面我们来看下服务器端如何来接受,这里使用到的是java