A-A+
jquery中页面Ajax方法$.load的功能
ajax的Ajax方法是很好用的,可以直接加载整个页面与可以设置post或者get方式传参数过去,下面来看个例子。
load语法:
$(".selector").load("url", function(responseText, statusText, xmlhttprequest));
可以做到加载一个页面的时候,如果发生错误,根据statusText给出的状态,显示对应的提示,这对用户来说非常重要。
例子,load post,代码如下:
- <div id=btnAjaxPost>点击我</div>
- <div id=divResult>内容加载中</div>
- $("#btnAjaxPost").click(function(event)
- {
- var username = $("#username").val();
- //发送Post请求
- $("#divResult").load("${ctx}/jqueryLoad", { "username": username});
- });
例子,load get方法,代码如下:
- <div id=in_head>内容加载中</head>
- <script language="javascript">$('#in_head').load('ajaxlogin.php?cityid=1208');</script>
Ajax方法$.load乱码
一般引起load乱码是由于二者页面编码不致影起的,处理方法是
1.我的显示页面index.html的编码是uft-8的;
2.我的静态页面foot.html的编码是uft-8的;
- $("#index_foot_container").load("foot.html");