0

我是 jquery 和 ajax 的新手，请在此代码中帮助我，因为 dis 代码无法正常工作，它显示的是完整的 html 代码而不是 text(hiiiii) A.html

<html>
<head>

<title>Insert title here</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#btn").click(function(){
    $.post("hello.jsp",function(data,status){
      $("#mydiv").text(data);
    });
  });
});
</script>
</head>
<body>
<h2>AJAX</h2>
<button type="button" id="btn">Request data</button>
<div id="mydiv"></div>
</body>
</html>

你好.jsp

<html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <title>Insert title here</title>
    </head>
    <body>
   <%
    int i=0;
    int j=++i;
    out.println(" hiiiiii" +(j));
    %>
    </body>
    </html>

输出 ajax一个按钮jsp页面的代码

4

2 回答 2

0

改变这个

 $("#mydiv").text(data);

至

 $("#mydiv").html(data);

并检查这个jQuery: text() 和 html() 有什么区别？

于 2013-08-28T07:13:43.683 回答
0

您正在使用 插入数据$("#mydiv").text(data);。该功能的手册说：

我们需要注意，此方法会根据需要对提供的字符串进行转义，以便在 HTML 中正确呈现。为此，它调用 DOM 方法.createTextNode()，不将字符串解释为 HTML。

该页面还提到了html()方法，这是您想要将 HTML 插入到文档中的方法。

$("#mydiv").text(html);
于 2013-08-28T07:14:34.803 回答