A-A+

jquery中页面Ajax方法$.load的功能

2016年01月07日 web前端设计 暂无评论 阅读 4 views 次

ajax的Ajax方法是很好用的,可以直接加载整个页面与可以设置post或者get方式传参数过去,下面来看个例子。

load语法:

$(".selector").load("url", function(responseText, statusText, xmlhttprequest));

可以做到加载一个页面的时候,如果发生错误,根据statusText给出的状态,显示对应的提示,这对用户来说非常重要。

例子,load post,代码如下:

  1. <div id=btnAjaxPost>点击我</div>  
  2. <div id=divResult>内容加载中</div>  
  3.   
  4.  $("#btnAjaxPost").click(function(event)  
  5.  {  
  6.   var username = $("#username").val();   
  7.    //发送Post请求  
  8.    $("#divResult").load("${ctx}/jqueryLoad", { "username": username});  
  9.   });  

例子,load get方法,代码如下:

  1. <div id=in_head>内容加载中</head>  
  2.   
  3. <script language="javascript">$('#in_head').load('ajaxlogin.php?cityid=1208');</script>  

Ajax方法$.load乱码

一般引起load乱码是由于二者页面编码不致影起的,处理方法是

1.我的显示页面index.html的编码是uft-8的;

2.我的静态页面foot.html的编码是uft-8的;

  1. $("#index_foot_container").load("foot.html");  
标签:

给我留言