jquery html(),怎样不显示源代码
我想在一个DIV里显示出存在数据库里的内容,这些内容包括了html标签,还经过编码,像这样:<Palign=left><这是一个段的内容</P&g...
我想在一个DIV里显示出存在数据库里的内容,这些内容包括了html标签,还经过编码,像这样:
<P align=left><这是一个段的内容</P>
<img src=cc.jpg alt=pic1 />
我用$("#div").html(data),它总是显示出解码后的html源代码,像这样:<img src=cc.jpg alt=pic1 />, 而不是显示一个段,或一张图片。
请问这个jquery语句要怎么写,才能直接显示出一个段和一张图。
进一步的测试,发现是我用.ajax调用返回的数据不是所期待的格式所引起的问题,服务器端代码:
public string HelloWorld() {
return "<P align=left>这是一个段的内容</P>";
}
客户端调用如下:
$.ajax({
type: "POST",
url: "WebService.asmx/HelloWorld",
dataType: "text",
success: function(result) {
$('#div').append(result);
},
error: function(result, status) {
alert(".ajax " + status);
}
});
通过firebug查看,返回的数据并不如我期待的是
<P align=left>这是一个段的内容</P>
,而是
<?xml version="1.0" encoding="utf-8"?>\r\nstring xmlns="http://tooo.org/"><P align=left><这是一个段的内容</P></string>
。所以现在要请教的是,在这种情况下,应该怎么写才能让它直接在DIV里显示出一个段来,而非显示这个段的html源代码。
现在是dataType: "text",如果dataType: "xml"呢,又该怎样写?
先谢谢帮忙的朋友们。 展开
<P align=left><这是一个段的内容</P>
<img src=cc.jpg alt=pic1 />
我用$("#div").html(data),它总是显示出解码后的html源代码,像这样:<img src=cc.jpg alt=pic1 />, 而不是显示一个段,或一张图片。
请问这个jquery语句要怎么写,才能直接显示出一个段和一张图。
进一步的测试,发现是我用.ajax调用返回的数据不是所期待的格式所引起的问题,服务器端代码:
public string HelloWorld() {
return "<P align=left>这是一个段的内容</P>";
}
客户端调用如下:
$.ajax({
type: "POST",
url: "WebService.asmx/HelloWorld",
dataType: "text",
success: function(result) {
$('#div').append(result);
},
error: function(result, status) {
alert(".ajax " + status);
}
});
通过firebug查看,返回的数据并不如我期待的是
<P align=left>这是一个段的内容</P>
,而是
<?xml version="1.0" encoding="utf-8"?>\r\nstring xmlns="http://tooo.org/"><P align=left><这是一个段的内容</P></string>
。所以现在要请教的是,在这种情况下,应该怎么写才能让它直接在DIV里显示出一个段来,而非显示这个段的html源代码。
现在是dataType: "text",如果dataType: "xml"呢,又该怎样写?
先谢谢帮忙的朋友们。 展开
3个回答
展开全部
$("#div").html()
这样就可以了
=========================================
补充xml解析
Code
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student mailto:1@1.com" target=_blank>1@1.com">
<name>zhangsan</name>
<id>1</id>
</student>
<student mailto:2@2.com" target=_blank>2@2.com">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3,解析
遍历student(这里还是用上面那个XML,子节点是student)
Code
$.ajax({
url:'ajax.jsp',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
alert(id_value);//这里就是ID的值了。
alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value).appendTo('ol');
});
}
});
这样就可以了
=========================================
补充xml解析
Code
<?xml version="1.0" encoding="UTF-8"?>
<stulist>
<student mailto:1@1.com" target=_blank>1@1.com">
<name>zhangsan</name>
<id>1</id>
</student>
<student mailto:2@2.com" target=_blank>2@2.com">
<name>lisi</name>
<id>2</id>
</student>
</stulist>
3,解析
遍历student(这里还是用上面那个XML,子节点是student)
Code
$.ajax({
url:'ajax.jsp',
type: 'GET',
dataType: 'xml',
timeout: 1000,
error: function(xml){
alert('Error loading XML document'+xml);
},
success: function(xml){
$(xml).find("student").each(function(i){
var id=$(this).children("id"); //取对象
var id_value=$(this).children("id").text(); //取文本 或者 $("id" , xml).text();
alert(id_value);//这里就是ID的值了。
alert($(this).attr("email")); //这里能显示student下的email属性。
$('<li></li>').html(id_value).appendTo('ol');
});
}
});
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询