当前位置:Gxlcms > JavaScript > jquery中页面Ajax方法$.load的功能使用介绍

jquery中页面Ajax方法$.load的功能使用介绍

时间:2021-07-01 10:21:17 帮助过:3人阅读

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("$(www.gxlcms.com){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");

人气教程排行