js中如何解析ajax返回的html完整页面

js中如何解析ajax返回的html完整页面,第1张

“ajax返回的html完整页面”是指什么?

返回的结果是一串HTML页面代码字符串?

请多写几句话描述清楚问题。再贴出提问的代码!!

如果是以上那样,参照样例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>

<script type="text/javascript">

function testhtmls(){

//假设  htmls 是ajax的返回结果:

var htmls="<!DOCTYPE html><html><head><title>NewTitle</title></head><body><h3>这是body-H3</h3><button type='button'>这是个button</button><br/></body></html>"

$("#xxaa").html(htmls)

}

</script>

<input type="button" id="" value="testhtmls" onclick="testhtmls()"/>

<div id="xxaa"></div>

</body>

</html>

$.ajax({

url: "/xxxxx/xxxxx/",

type: "get",

cache: false,

success: function (data) {

if (data) {

$("#xxx").html( data.xx)

$("#xxx").html(data.xxx)

$("#xxxx").html(data.xxx)

}

},

error: function (ex) {

}

})

比如服务器上有张表或者list

idname sex

1 张三男

2 李四女

3 王五男

你首先在后台代码中把这个表处理成为JSON格式然后用Response.write的方法输出来,比如这样

[{id:1,name:'张三',sex:'男'},{id:2,name:'李四',sex:'女'},{id:3,name:'王五',sex:'男'}]

JSON是用于在JS中描述实体对象的一种方式,具体关于JSON的知识可以看w3school.com.cn上的相关内容,我这儿就不给你细讲了,很简单,我只说做法:

为了方便使用,你需要在你的页面中引用jQuery库,我不知道你用什么语言做的后台程序,原理一样

$.ajax({

url:"这里换成你写好的用于把表转换成JSON的后台处理文件地址,比如a.aspx?参数",

type:"POST",//这里是AJAX请求的方式

dataType:"JSON",//如果你回发的内容是JSON格式的就用这个,否则用Text或其他

data:{

参数1:值,

参数2:值,

......

参数n:值

},//要发送的参数,如果无参数可以不写此项

success:function(data)

{

//此处写入发送成功后要处理的代码,而参数里的这个data,就是请求成功后返回来的上面那个格式的JSON,你可以用data[i]的值来取其中一行,如取张三的数据就是

data[0].name,就取出了张三的name属性

所以你可以在这里用循环去处理data,然后将结果用document.write的方式输出来就完成了。

},

error:function(XMLHttpRequest,Error,F)

{

//出错后可以在这里给出提示,Error参数表示错误信息

}

})

还有弄不清楚的地方可以继续和我探讨。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7026757.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-31
下一篇 2023-03-31

发表评论

登录后才能评论

评论列表(0条)

保存