ajax引擎对象通过responseText属性 或者responseXML属性 接收服务器回送的数据
2015-05-26 10:31
393 查看
第四根线:ajax引擎对象通过responseText属性或者responseXML属性接收服务器回送的数据,然后在静态页面中对其进行处理,使页面达到局部刷新的效果。
服务器端返回数据格式:文本格式,存储在responseText属性中。
functionchuli()
{
if (myxmlHttpRequest.readyState == 4)
{
if (myxmlHttpRequest.status ==200)
{
$("myres").value= myxmlHttpRequest.responseText;
}
}
}
服务器端返回数据格式:xml,存储在responseXML属性中。
functionchuli()
{
if (myXmlHttpRequest.readyState == 4)
{
if (myXmlHttpRequest.status ==200)
{
var cities=myXmlHttpRequest.responseXML.getElementsByTagName("city");
//若不清零,上次访问的结果还在呢。
$('city').length = 0;
var myOption =document.createElement("option");
myOption.innerText ="--市--";
$('city').appendChild(myOption);
for (var i = 0; i <cities.length; i++)
{
var city_name = cities[i].childNodes[0].nodeValue;
//创建一个新元素option
var myOption = document.createElement("option");
myOption.value = city_name;
myOption.innerText = city_name;
//将新元素添加到……
$('city').appendChild(myOption);
}
}
}
}
服务器端返回数据格式:json,存储在responseText属性中。
function()
{
//通过eval()函数,将返回的json数据转换成JS能够操作的数组对象。
var res_object =eval("("+myXmlHttpRequest.responseText+")");
$('ny').innerText = res_object[0].price;
$('sh').innerText = res_object[1].price;
$('bl').innerText = res_object[2].price;
}
服务器端返回数据格式:文本格式,存储在responseText属性中。
functionchuli()
{
if (myxmlHttpRequest.readyState == 4)
{
if (myxmlHttpRequest.status ==200)
{
$("myres").value= myxmlHttpRequest.responseText;
}
}
}
服务器端返回数据格式:xml,存储在responseXML属性中。
functionchuli()
{
if (myXmlHttpRequest.readyState == 4)
{
if (myXmlHttpRequest.status ==200)
{
var cities=myXmlHttpRequest.responseXML.getElementsByTagName("city");
//若不清零,上次访问的结果还在呢。
$('city').length = 0;
var myOption =document.createElement("option");
myOption.innerText ="--市--";
$('city').appendChild(myOption);
for (var i = 0; i <cities.length; i++)
{
var city_name = cities[i].childNodes[0].nodeValue;
//创建一个新元素option
var myOption = document.createElement("option");
myOption.value = city_name;
myOption.innerText = city_name;
//将新元素添加到……
$('city').appendChild(myOption);
}
}
}
}
服务器端返回数据格式:json,存储在responseText属性中。
function()
{
//通过eval()函数,将返回的json数据转换成JS能够操作的数组对象。
var res_object =eval("("+myXmlHttpRequest.responseText+")");
$('ny').innerText = res_object[0].price;
$('sh').innerText = res_object[1].price;
$('bl').innerText = res_object[2].price;
}
相关文章推荐
- 通过ajax引擎对象向服务器发送数据的2中方式:get、post
- responseXML 属性 如果来自服务器的响应是 XML,而且需要作为 XML 对象进行解析,请使用 responseXML 属性: 请求 books.xml 文件,并解析响应:
- Ajax请求Servlet返回文本 json html和XML数据并解析xml及responseText和responseXML的区别
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- NetBox环境下ajax用get获取数据,中文乱码的问题解决:对象不支持此属性或方法: 'Response.CharSet'
- Ajax核心XMLHttpRequest对象、(发送请求、接收)方法和属性介绍、AJAX开发框架、数据格式提要(XML、JSON、HTML)
- Ajax请求Servlet返回文本 json html和XML数据并解析xml及responseText和responseXML的区别
- ajax接收后台传来的JSON类型数据,可通过循环遍历为input赋值(input的ID需要和返回来的数据名相同)
- 通过回调函数获取AJAX的responseText
- 通过摄像机视频设备或者流媒体服务器SDK获取到数据转换成RTMP流实现网页/手机微信播放
- mysql 通过federated引擎 跨服务器访问数据
- Ajax 获取 responseText 形式的响应数据(二)
- ajaxFileUpload接收服务器传来的json数据
- Ajax交互,浏览器接收不到服务器的Json数据(跨域问题)
- 关于XMLHttpRequest对象的responseText属性
- datatables 服务器返回数据后的处理-表格数据属性的操作方法(ajax.dataSrc)
- [导入]关于XMLHttpRequest对象的responseText属性
- jquery .ajax方法 异步表单,接收服务器返回的数据