不一定需要,只是jquery集成的更方便
ajax全程是Asynchronous Javascript And XML
js里面的MLHttpRequest对象就是ajax功能的实现
下面是w3school的代码
xmlHttp=nullif (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