AJAX为什么返回的是整个页面的HTML

AJAX为什么返回的是整个页面的HTML,第1张

AJAX根据你申请的内容不同,返回的也不同啊。

如果你申请的是txt或html文件,当然是返回这些了

在实际的开发工作当中,通常都是去申请后台文件,后台(比如PHP或JAVA开发工程师)会给你返回JSON数据

JSON数据也是最为常见的一种返回数据,其格式类似于JS中的对象。

解决方法是关闭response的writer。

下面是ajax代码

$j.ajax({

type : "POST",

url : "/asi/jsonCarrier.jsp",

data : {"artistId":"${artistID}"},  //这里从session里拿出了artistID变量,用的是el表达式

datatype : "text",

timeout: 10000,

success : function(data) {

if (data!="" &&data!=null){

var dataArr = data

var jsonData = dataArr.statistics

var priceData = []

var volumeData = []

var summaryData = []

$j.each(jsonData, function(i, dataItem) {

priceData[i] = [ i, dataItem.beta ]

volumeData[i] = [ i, dataItem.volume ]

summaryData[i] = [ i, dataItem.volatility ]

})

$j("#artistName").html(dataArr.meta.artist_forename+" "+dataArr.meta.artist_surname)

displayGraph(jsonData, priceData, volumeData, summaryData)

}

},

error : function(XMLHttpRequest, textStatus, errorThrown){

alert(textStatus)

}

})

下面是 jsonCarrier.jsp里的java代码

<%

String artistId = request.getParameter("artistId")

String jsonData = DBSightXmlUtil.getXmlFromServer("http://aaa.com/json/asi-artist-"+ artistId + "-y.json")

response.setContentType("application/json")

response.getWriter().flush()

response.getWriter().write(jsonData)

response.getWriter().close()  //这里就是关键

%>

“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>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存