您的位置:首页 > Web前端 > JQuery

jquery 渲染 html() text() val() document.write() 和ajax实现页面跳转

2016-11-29 17:32 483 查看
1、html()、text()和val()的作用

jQuery中.html()用为读取和修改元素的HTML标签,.text()用来读取或修改元素的纯文本内容,.val()用来读取或修改表单元素的value值。

2、text()和html()的区别

text(val):设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体).

3、document.write()的作用
一个最基本的JavaScript命令是document.write。这个命令简单地打印指定的文本内容到页面上。为了逐字打印文本,在打印的文本字符串加上单引号。
在载人页面后,浏览器输出流自动关闭;在此之后,任何一个对当前页面进行操作的document.write()方法将打开—个新的输出流。它将清除当前页面内容(包括源文档的任何变量或值)、因此.假如希望用脚本生成的HTML替换当前页面,就必须把HTML内容连接起来赋给一个变量、使用一个document.write()方法完成写操作,不必清除文档并打开一个新数据流,一个document.write()调用就可完成所有的操作。 

关于document.write()方法还有一点要说明的是它的相关方法document.close()。脚本向窗口(不管是本窗口或其他窗口)写完内容后.必须关闭输出流。在延时脚本的最后一个document.write()方法后面.必须确保含有document.close()方法,不这样做就不能显示图片和表单。并且,任何后面调用的document.write()方法只会把内容追加到页面后,而不会清除现有内容来写入新值。

4、使用ajax跳转页面

function doSave() {
$.ajax({
cache : false,
type : "GET",
url : '${ctx}/job/doSave',
data : $("#queryForm").serializeArray(),
error : function(request) {
},
success : function(data) {
$("body").html(data);
}
});
}

该效果是将变量data中body片段的数据写到当前页面body中从而实现页面的跳转,然而这样做有一个问题,就是body片段的代码若包含js的话,该js不会产生作用(即该js写入的是浏览器中的渲染去,而不是写入浏览器的js代码运行区)。

5、如何测试跳转是否是ajax跳转

使用浏览器开发者模式,点击sources页面,查看源文件是否是跳转的地址,不是则代表ajax,例如本博客的地址为http://write.blog.csdn.net/postedit/53396151,在sources中的html页面名称应该为53396151
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息