`

jquery load 页面加载 详解

阅读更多
function test1()
  {
  //$("#ajax").load("upload.aspx #testLoad", 此获取 upload.aspx的testLoad标签内的代码文件
  $("#ajax").load(
  "upload.aspx",//请求的页面
  {name:"sanmao",sex:"男"},//传递的数据 如 upload.aspx?name=sanmao&sex=男
  
  function (responseText, textStatus, XMLHttpRequest){
  //this;//在这里this指向的是当前的DOM对象,即$(".ajax.load")[0] 
  alert(responseText);//请求返回的内容
  alert(textStatus);//请求状态:success,error
  alert(XMLHttpRequest);//XMLHttpRequest对象
});
分享到:
评论

相关推荐

    详解jQuery lazyload 懒加载

    Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的. 在包含很多...

    使用jQuery的load方法设计动态加载及解决被加载页面js失效问题

    一、问题分析 对于后台系统,相比大家都有所印象,知道其中的布局结构,...使用jquery的load方法来处理这种页面布局框架。 二、load方法详解 1.定义  $(selector).load(URL,data,callback);  必需的 URL 参数规定您希

    详解jQuery中ajax.load()方法

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

    jQuery – AJAX load() 实例用法详解

    jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选的 data ...

    jQuery中Ajax的load方法详解

    先来看一个Ajax例子 代码如下: <!DOCTYPE html> <html> <head lang=”en”>  <meta charset=”UTF-8″>  <title></title> </head> <body>...//声明一

    jQuery中ajax的load()与post()方法实例详解

    在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别,但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。 load()方法默认使用 GET 方式, 如果...

    jQuery权威指南-源代码

    6.1.2 jQuery中的load()方法/162 6.1.3 jQuery中的全局函数getJSON()/164 6.1.4 jQuery中的全局函数getScript()/166 6.1.5 jQuery中异步加载XML文档/168 6.2 请求服务器数据/170 6.2.1 $.get()请求数据/170 ...

    利用jQuery的deferred对象实现异步按顺序加载JS文件

    前段时间看了阮一峰的jQuery的deferred对象详解一文,对jQuery中的deferred的用法了一些了解,今天看到园子里的一篇文章:关于重构JS前端框架的失败经验(顺便怀念那些死去的代码),于是把我之前写的一个利用jQuery...

    详解jQuery中的事件

    大致介绍 jQuery增加了并扩展了基本的事件处理机制,不但提供了更加优雅的事件处理语法,而且极大地增强了事件处理能力 ...如果使用jQuery我们想要在整个页面加载完在执行可以使用load()方法 下面两段代码的

    hqy-lazyload:一种快速,轻量级的纯JavaScript脚本,用于延迟加载和提供多张图片,iframe,视频等内容

    如果用户不浏览整个页面,将具有更快的加载时间并节省数据使用量。 演示 更多示例: : 用法和API 安装 npm install hqy-lazyload --save 为什么hqy-lazyload? hqy-lazyload在每月有数百万访问者的大型网站上...

    jQuery权威指南366页完整版pdf和源码打包

    6.1.2 jquery中的load()方法 6.1.3 jquery中的全局函数getjson() 6.1.4 jquery中的全局函数getscript() 6.1.5 jquery中异步加载xml文档 6.2 请求服务器数据 6.2.1 $.get()请求数据 6.2.2 $....

    jquery事件的ready()方法使用详解

    他们的区别就是,ready是在DOM的结构加载完后就触发,load是在页面内包括DOM结构,css,js,图片等都加载完成后再触发,显然ready更适合作为页面初始化使用。但有时候也不尽然。需要进一步查看其内部机制。 那么...

    jQuery中document与window以及load与ready 区别详解

    用过JavaScript的童鞋,应该知道window对象和document对象,也应该听说...很好理解,假设现在有一个浏览器,里边加载的页面特别长,已经超出了一屏,当然,肯定会出现滚动条了,这时候,$(window).height()和$(documen

    JQuery中DOM事件绑定用法详解

    本文实例讲述了JQuery中DOM事件绑定用法。分享给大家供大家参考。具体分析如下: 在文档加载完成后,如果打算为元素绑定事件来完成某些操作,则可以使用bind()方法来对匹配元素进行特定事件的绑定,bind()方法的调用...

    jQuery File Upload文件上传插件使用详解

    jQuery File Upload 是一个Jquery文件上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 官网链接:...

    dropload.js插件下拉刷新和上拉加载使用详解

    第二步,将下载好的dropload插件中的dropload.css,dropload.min.js文件引入到页面中,注意还要引入 Jquery1.7 以上 或者 Zepto 二选一,不要同时都引用,因为dropload是基于jquery实现的 第三步,将以下代码放到...

    详解ajax +jtemplate实现动态分页

    jtemplate是一个基于JQuery的模板引擎插件,功能非常强大,有了她你就再不用为使用JS绑定数据集而发愁了。 主要思路,复制textarea作为模板,ajax加载json数据,添加模板,绑定数据,更新加载更多事件。 //加载更...

Global site tag (gtag.js) - Google Analytics