jquery ajax返回的页面是html该怎么解决?

jquery ajax返回的页面是html该怎么解决?,第1张

解决方法是关闭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>

$(document).ready(function(){

$("#b01").click(function(){

htmlobj=$.ajax({url:"csdaizuo.com",async:false})

$("#myDiv").html(htmlobj.responseText)

})

})

像这样,页面在不加载的情况下就可以获取数据,这就是ajax,所以您不需要考虑页面重新加载的情况,


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存