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

html-css014

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()  //这里就是关键

%>

将HTML和JS分开加载,写一个全局的方法,在获取html后查找其中的脚本文件重新加载

如:获取HTML并加载后

可以用以下方式加载JS

var _obj = ...// 这里是你加载html的对象,没用jQuery

var scriptTags = _obj.getElementsByTagName("script")

for (var i = 0i <scriptTags.lengthi ++){

if(scriptTags[i].src == null || scriptTags[i].src == "")

new Funtion(scriptTags.innerHTML)()

else{

var s = document.createElement("script")

s.src = scriptTags[i].src

document.body.appendChild(s)

}

}

这样,所有的HTML中内嵌的js就都能执行了

大的方向确实是路径问题,通常项目中公司会对前端请求的路径做一个后缀名称的验证。如:正常的接口=》queryMeetingList.ajax 但在请求时我们公司要改成queryMeetingList.webApp才行。具体每个公司怎么处理都不同。不过大的方向可以说是路径问题。