`
adsen
  • 浏览: 14129 次
文章分类
社区版块
存档分类
最新评论

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

阅读更多
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.111cn.net){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");
from:http://www.111cn.net/wy/jquery/67792.htm
分享到:
评论

相关推荐

    jQuery Ajax之$.get()方法和$.post()方法

    注意:$.get()和$.post()方法是jQuery中的全局函数。前面讲到的load()方式是对jQuery对象进行操作的。 1、 $.get()方法  $.get()方法使用GET方式来进行异步请求。  它的语法结构为:  $.get( url [, data] [, ...

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

    可以做到加载一个页面的时候,如果发生错误,根据statusText给出的状态,显示对应的提示,这对用户来说非常重要。 例子,load post 代码如下 代码如下: 点击我 内容加载中 $(“#btnAjaxPost”).click(function(event...

    jquery最全面的ajax例子 ajax post get load 应有尽有

    load()方法 、 $.get()和$.post()方法 、 $.getScript()和$.getJson() ...$.ajax()方法 、 序列化元素 、 jQuery中的Ajax全局事件 这些都有详尽的例子,一看代码,你就能明白jquery里实现ajax是怎么回事了,简单明了。

    关于JQuery($.load)事件的用法和分析

    首先我们需要清楚的是jquery load方法是对jQuery.ajax()进行封装以方便我们使用的一个方法,当我们需要处理较为复杂的逻辑时候,还是需要用到jQuery.ajax()这个比较全面的方法的。 调用load方法的完整语法格式:...

    jQuery 1.5 API 中文版

    $.jQuery( selector [, context] ), .jQuery( element ), .jQuery( elementArray ), .jQuery( jQueryObject ), .jQuery( ) $.jQuery( html [, ownerDocument] ), .jQuery( html, props ) $.jQuery( fn ) jQuery ...

    前端项目-jquery.loadtemplate.zip

    前端项目-jquery.loadtemplate,用于加载和使用模板的jquery插件。该插件设计简单但功能强大,支持从页面内加载模板,或使用Ajax加载HTML文件。

    IE8中jQuery.load()加载页面不显示的原因

     jQuery.load(url,[data],[callback])通过Ajax异步请求加载服务器中的数据,并把数据放到指定元素中。 •url :请求服务器的地址 •data :可选项,请求时发送的数据 •callback :可选项,请求成功后的回调函数 ...

    JQuery权威指南源代码

    load()方法实现Ajax功能 getJSON函数获取数据 getScript函数获取数据 get实现异步获取xml文档数据 $.get发送请求 $.post发送请求 serialize()序列化表单 $.ajax()方法发送请求 第7章 validate验证插件 form...

    详解jQuery中ajax.load()方法

    jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); load()函数用于从服务器加载数据,并使用返回的html...

    jQuery Ajax之load()方法

    load()方法是jQuery中最为简单和常用的Ajax方法,能载入远程HTML代码并插入到DOM中。它的语法结构为:  load( url [, data][, callback] )  load()方法参数解释见下表: 参数名称 类 型 说 明 url String ...

    Jquery 1.3 简体中文手册

    $.ajax([options]) load(url, [data], [callback]) $.get(url, [data], [fn], [type]) $.getJSON(url, [data], [fn]) $.getScript(url, [callback]) $.post(url, [data], [fn], [type]) Ajax 事件 ...

    WEB开发 之 jQuery - AJAX load() 方法.docx

    WEB开发 之 jQuery - AJAX load() 方法.docx

    JQuery 1.3 中文参考手册

    $.ajax([options]) load(url, [data], [callback]) $.get(url, [data], [fn], [type]) $.getJSON(url, [data], [fn]) $.getScript(url, [callback]) $.post(url, [data], [fn], [type]) Ajax 事件 ...

    jquery1.11.0手册

    $.ajax(url,[settings]) load(url,[data],[callback]) $.get(url,[data],[fn],[type]) $.getJSON(url,[data],[fn]) $.getScript(url,[callback]) $.post(url,[data],[fn],[type]) ajax 事件 ajaxComplete...

    jQuery详细课件

    jQuery=$:一字千金。 链式调用 :行云流水。 选 择 器 :CSS ?? 样式支持 :全面兼容。 动画特效 :animate 。 事件绑定 :太简单了! 开源插件 :fn的秘密。...$.ajax = $.get / $.post / $.load

    jQueryAjax

    主要的技术: 1、$.load()方法的应用 2、$.get()方法的应用 3、$.post()方法的应用 4、$.ajax()方法的应用 5、序列化元素serialize()方法的应用 6、Ajax全局事件

Global site tag (gtag.js) - Google Analytics