如何使用原生js实现ajax请求 javascript实现原生ajax的几种方法介绍
如何使用原生js实现ajax请求
var url = "${ctx}/sceneView/dataSetPeriod?sceneId=" $("#sceneId").val() "&dataSetPeriod=" $("#dataSetPeriodIdSelect").val() //要访问的url地址，?后面的是要带回去的参数
$.ajax({
type : "POST", //设置提交方式 get 或post
url : url, //就是上面的url
dataType : "json", //提交的数据类型
success : function(msg){
//这个success方法中是你的java类返回的可以用msg点出来，如果要什么提示信息可以在这里设置
}
})
javascript实现原生ajax的几种方法介绍
<script type="text/javascript">
//定义XmlhttpRequest对象
var xmlrequest
//完成对对象XmlHttpRequest对象的初始化
function createXmlHttpRequest(){
if(window.XMLHttpRequest){
//DOM 2浏览器
xmlrequest = new XMLHttpRequest()
}else if(window.ActiveXObject){
//IE 浏览器
try{
xmlrequest = new ActiveXOPbject("Msxml2.XMLHTTP")
}catch(e){
try{
xmlrequest = new ActiveXObject("Microsoft.XMlHTTP")
}catch(e){
}
}
}
}
//事件处理函数，当下拉列表选择改变时，触发改事件
function change(id){
//初始化XMLHttpRequest对象
createXmlHttpRequest()
//设置请求响应的URL
var url = "second.jsp?id=" id
//打开与服务器响应地址的连接xmlrequest.open(method,url,async,user,password)
xmlrequest.open("POST",url,true)
//设置请求头(Post必须设置，GET方式不需要)
xmlrequest.setRequestHeader("Context-Type","application/x-www-form-urlencoded")
//设置处理响应的回调函数，此函数processResponse是自己定义的
xmlrequest.onreadystatechange = processResponse
//发送请求
xmlrequest.send(null)
}
//定义处理响应的回调函数
function processResponse(){
//响应完成且响应正常
if(xmlrequest.readyState == 4){
if(xmlrequest.status == 200){
//信息已经成功返回，开始处理信息
var headers = xmlrequest.getAllResponseHeaders()
//通过警告框输出相应头
alert("相应头的类型 " typeof headers "
" headers)
//在页面输出所有的相应头
document.getElementById("output").innerHTML = headers
}else{
//页面不正常
window.alert("您所请求的页面异常。")
}
}
}
</script>采纳啊。。。。。。。。。。。。。。。
原生JS与jQuery对AJAX的实现定义是什么？
/**
js原生代码实现ajax
*AJAX建立和服务器的连接，接收服务器的请求，处理服务器返回的数据
*开发步骤：
* 1.创建XMLHttpRequest对象
* 2.接收/处理服务器的响应
* 3.打开和服务器的连接
* 4.发送数据
*/
/**
* 创建XMLHttpRequest对象
*/
function ajaxFunction(){
var xmlHttp
try{//Firefox,Opera 8.0 ,Safari
xmlHttp=new XMLHttpRequest()
}catch(e){
try{//Internet Explorer
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP")
}catch(e){
try{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
}catch(e){}
}
}
return xmlHttp
}
//click function
window.onload=function(){
//<input type="button" name="ok" id="ok" value="test service link" />
document.getElementById("ok").onclick=function(){
/*
* 1.获取XMLHttpRequest对象
*/
var xmlReq=ajaxFunction()
/*
* 2.处理服务器的响应
* XMLHttpRequest对象中有一个readyState属性
* readyState 属性表示Ajax请求的当前状态。它的值用数字代表。
* 0 代表未初始化。还没有调用open方法
* 1代表正在加载。open方法已被调用。但send方法没有被调用
* 2代表已加载完毕。send已被调用。请求已经开始
* 3代表交互中。服务器正在发送响应
* 4代表完毕。响应发送完毕。
*/
xmlReq.onreadystatechange=function(){
//
if(xmlReq.readyState==4){
//通过把这个值和200（一切正常，服务器处理成功）或304（源文件没有被修改）比较
if(xmlReq.status==200||xmlReq.status==304){
//接收服务器端数据
var data=xmlReq.responseText
alert("data:" data)
}
}
}
/*
* 3.打开和服务器的连接
* open（method，url，asynch）
* method 请求方法 get post
* url 请求的路径
* asynch：表示请求是否要异步传输，默认值为true(异步)
*/
//alert(new Date().getTime())//(解决缓存的问题)
xmlReq.open("post","../testServlet?timeStamp=" new Date().getTime() "&a=9",true)
/*
* xmlReq.setRequestHeader()
* 如果用post请求服务器发送的数据
* 需要将"content-Type"的首部设置为"application/x-www-form-urlencoded"。它会告诉服务器正在发送数据
* 并且数据已经符合url编码了
* 该方法必须放在open方法之后
*/
xmlReq.setRequestHeader("content-Type","application/x-www-form-urlencoded")
/*
* 4.发送数据
* 若选用的是get请求，则不会发送任何数据，给send方法传递null即可
*/
/*xmlReq.send(null)*/
xmlReq.send("b=45&c=23")
}
}
原生JS怎么异步请求实现Ajax
来来来 现场给你封一个ajax
function ajaxGet(url){
var xhr=new XMLHttpRequest()
xhr.open(GET,url)
xhr.send()
var promise=new Promise(function(resolved,rejected){
xhr.onload=function(){
if(xhr.status===200){
resolved(xhr.response)
}else{
rejected("请求失败，错误码为:" xhr.status)
}
}
})
return promise
}
如何用写原生的ajax
ajax({ url: "", //请求地址 type: "POST", //请求方式 data: { name: "super", age: 20 }, //请求参数 dataType: "json", success: function (response, xml) { // 此处放成功后执行的代码 }, fail: function (status) { // 此处放失败后执行...
谁能用原生javascript写出ajax的jquery.get和post方法
//大体上就是这种感觉
var xmlreq=
window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : new XMLHttpRequest()
xmlreq.open("GET", url, true)
if (xmlreq && xmlreq.readyState == 4) {
reqResult = xmlreq.responseText
}