这期内容当中小编将会给大家带来有关ajax的返回值类型是什么，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。1、返回值之XML类型如果服务器的响应头中Content-type的内容为text/xml时，此时
这期内容当中小编将会给大家带来有关ajax的返回值类型是什么，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。
1、返回值之XML类型
如果服务器的响应头中Content-type的内容为text/xml时，此时XMLHttpRequest对象的responseXML属性才能使用。
2、返回值之文本类型
（1）Html类型
使用场景：一般返回需要重复复杂的操作。比如，页面使用ajax从服务器请求了json格式数据，返回到页面这，然后又要转换为数组，又要遍历，追加到页面中，可以考虑返回Html类型，在服务器把html页面封装好，然后到页面这只需要直接使用innerHTML追加到页面即可。
（2）json类型
{"name": "天龙八部","intro": "《天龙八部》是著名作家金庸的武侠代表作。著于1963年，历时4年创作完成（部分内容曾由倪匡代笔撰写），前后共有三版，并在2005年第三版中经历6稿修订，结局改动较大。"}如果返回值是json文本，首先需要使用eval函数将文本转换为js对象，然后才能使用其属性。
案例：
使用Ajax返回值
文件结构图：
07-returntype-html文件：
页面中有3个按钮，分别实现了onclick事件，点击每个按钮就是从服务器获取不同格式的数据，然后解析，显示到页面中。
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Ajax返回值类型</title> <link rel="stylesheet" href=""></head><script> //创建XMLHttpRequest对象 function createXhr(){ var xhr = null; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest();//谷歌、火狐等浏览器 }else if(window.ActiveXObject){ xhr = new ActiveXObject("Microsoft.XMLHTTP");//ie低版本 } return xhr; } //测试返回值为xml function test1(){ //1、创建XMLHttpRequest var xhr = createXhr(); //2、确定请求参数 xhr.open('GET','./07-returntype-xml.PHP',true); //3、重写回调函数 xhr.onreadystatechange = function (){ if(xhr.readyState == 4 && xhr.status == 200){ var domxml = xhr.responseXML; var name = domxml.getElementsByTagName('book')[0].firstChild.firstChild.wholeText; var intro = domxml.getElementsByTagName('book')[0].lastChild.firstChild.wholeText; document.getElementById('name').value = name; document.getElementById('intro').value = intro; } } //4、发送请求 xhr.send(null); } //测试返回值为文本-HTML function test2(){ //1、创建XMLHttpRequest var xhr = createXhr(); //2、确定请求参数 xhr.open('GET','./07-returntype-html.php',true); //3、重写回调函数 xhr.onreadystatechange = function (){ if(xhr.readyState == 4 && xhr.status == 200){ var domxml = xhr.responseXML; document.getElementById('area').innerHTML = xhr.responseText; } } //4、发送请求 xhr.send(null); } //测试返回值为文本-json function test3(){ //1、创建XMLHttpRequest var xhr = createXhr(); //2、确定请求参数 xhr.open('GET','./07-returntype-json.php',true); //3、重写回调函数 xhr.onreadystatechange = function (){ if(xhr.readyState == 4 && xhr.status == 200){ var result = eval('('+xhr.responseText+')'); document.getElementById('name').value = result.name; document.getElementById('intro').value = result.intro; } } //4、发送请求 xhr.send(null); }</script><body> <p>书名：<input type="text" id="name"/></p> <p>简介：<input type="text" id="intro"/></p> <input type="button" onclick="test1();" value="测试xml"/> <input type="button" onclick="test2();" value="测试HTML" /> <input type="button" onclick="test3();" value="测试json" /> <p id="area"></p></body></html>07-returntype-xml.php文件：
主要是返回xml格式的数据
<?phpheader('Content-type:text/xml;charset=utf-8');echo '<?xml version="1.0" encoding="UTF-8"?><bookstore><book><name>天龙八部</name><intro><![CDATA[《天龙八部》是著名作家金庸的武侠代表作。著于1963年，历时4年创作完成（部分内容曾由倪匡代笔撰写），前后共有三版，并在2005年第三版中经历6稿修订，结局改动较大。]]></intro></book></bookstore>';?>07-returntype-html.php文件：
主要是返回html文本
<?php$arr = array('赵','钱','孙','李');$str = '';foreach ($arr as $v) { $str .= '<li>' . $v .'</li>';}echo $str;?>07-returntype-json.php文件：
主要是返回json格式数据
<?phpheader('Content-type:text/html;charset=utf-8');echo '{"name":"天龙八部","intro":"《天龙八部》是著名作家金庸的武侠代表作。著于1963年，历时4年创作完成（部分内容曾由倪匡代笔撰写），前后共有三版，并在2005年第三版中经历6稿修订，结局改动较大。"}';?>ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，可以通过在后台与服务器进行少量数据交换，使网页实现异步更新。
上述就是小编为大家分享的Ajax的返回值类型是什么了，如果刚好有类似的疑惑，不妨参照上述分析进行理解。如果想知道更多相关知识，欢迎关注编程网精选频道。
--结束END--
本文标题: Ajax的返回值类型是什么
本文链接: https://www.lsjlt.com/news/252289.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
2024-05-16
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0