使用jQuery对象.load()方法

load() 方法的作用是可以通过 AJAX 请求从服务器加载数据，并把返回的数据直接放置到指定的元素中。

该方法使用起来非常简单，大大简化了ajax开发

语法 ： jQuery对象 . load(url, param ,callback);

url 访问服务器地址

param 发送给服务器参数

callback 当正常返回后 执行回调函数

注意：如果 param存在，以POST方式请求， 如果param 不存在，以GET方式请求

示例

1、基本使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<!-- 引入jquery开发包 -->

<script type="text/javascript" src="js/jquery-1.12.3.js"></script>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script type="text/javascript">

    function test() {

       //发送ajax请求，并将返回的响应结果直接赋给div

        $("#mydiv").load("servlet/test1",{"str":"你很好","str2":"你很坏"});

    }

</script>

</head>

<body>

    <button onclick="test();">点我</button>

    <div id="mydiv">初始内容</div>

</body>

</html>

2、callback使用

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<!-- 引入jquery开发包 -->

<script type="text/javascript" src="js/jquery-1.12.3.js"></script>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<script type="text/javascript">

    function test() {

       //发送ajax请求，并将返回的响应结果直接赋给div

        $("#mydiv").load("servlet/test1",{"str":"你很好","str2":"你很坏"},function(data){

            //回调函数里面的内容

            alert(data);

        });

    }

</script>

</head>

<body>

    <button onclick="test();">点我</button>

    <div id="mydiv">初始内容</div>

</body>

</html>

注意：回调函数在load填充完数据了之后执行

　　项目代码实例：

function loadLastInfo(detail){

    $('#myform').form('load', { // 调用load方法把所选中的数据load到表单中,非常方便

        customerCommisonType : detail.customerCommisonType,

        customerCommison : detail.customerCommison,

        otherPay : detail.otherPay,

        otherPay01 : detail.otherPay01,

        otherPay02 : detail.otherPay02,

        otherPay03 : detail.otherPay03,

        otherPay04 : detail.otherPay04,

        otherPay05 : detail.otherPay05,

        otherPay06 : detail.otherPay06,

        otherPay07 : detail.otherPay07,

        otherPay08 : detail.otherPay08,

        otherPay09 : detail.otherPay09,

        otherPay10 : detail.otherPay10,

        otherPay11 : detail.otherPay11,

        otherPay12 : detail.otherPay12,

        isAudit : detail.audit,

        isPriority : detail.isPriority,

        remarks : detail.remarks

    });

}

jquery load 方法回显数据的更多相关文章

  1. 在 ASP.NET 中使用 jQuery.load() 方法

    今天就让我们看看在 ASP.NET 中使用 jQuery.load() 方法来调用 ASP.NET 的方法,实现无刷新的加载数据. 使用 jQuery 的朋友应该知道可以使用 jQuery.load( ...

  2. 使用load()方法异步请求数据

    使用load()方法通过Ajax请求加载服务器中的数据,并把返回的数据放置到指定的元素中,它的调用格式为: load(url,[data],[callback]) 参数url为加载服务器地址,可选项d ...

  3. 使用Jquery.load()方法,出现-此页的状态信息无效，可能已损坏。[转]

    今天遇到此页的状态信息无效,可能已损坏,在以下页面找到解决办法,特记录下来: 转自:http://www.cnblogs.com/liuwenlong/archive/2011/05/09/20410 ...

  4. JSP第四篇【EL表达式介绍、获取各类数据、11个内置对象、执行运算、回显数据、自定义函数、fn方法库】

    什么是EL表达式? 表达式语言(Expression Language,EL),EL表达式是用"${}"括起来的脚本,用来更方便的读取对象! EL表达式主要用来读取数据,进行内容的 ...

  5. 关于IE8中使用Jquery load方法无法正常加载页面

    最近发现,在IE8中使用Jquery load方法时无法正常加载页面,页面显示空白,没有加载.调试发现,页面多了一个</div>标签,但在FF和CH下表现正常.希望能给遇到同样问题的码农有 ...

  6. jquery load() 方法 语法

    jquery load() 方法 语法 作用:当指定的元素(及子元素)已加载时,会发生 load() 事件.该事件适用于任何带有 URL 的元素(比如图像.脚本.框架.内联框架).根据不同的浏览器(F ...

  7. libevent的使用方法--回显服务器的简单实例

    #include <event.h> #include <sys/types.h> #include <sys/socket.h> #include <net ...

  8. 【TP3.2+onethink1.0】2个Ueditor 回显数据，第2个会把第1个覆盖

    1.最近在使用onethink1.0 框架进行二次开发,在编辑页面,生成2个ueditor 在数据回显的时候,发现第2个ueditor的数据会覆盖第1个ueditor,咋办? 2.原因: 3.解决方法 ...

  9. jQuery load()方法用法集锦！

    调用load方法的完整格式是:DE>load( url, [data], [callback] ),其中DE> DE>urlDE>:是指要导入文件的地址. DE>data ...

随机推荐

  1. MyBatis批量插入数据(MySql)

    由于项目需要生成多条数据,并保存到数据库当中,在程序中封装了一个List集合对象,然后需要把该集合中的实体插入到数据库中,项目使用了Spring+MyBatis,所以打算使用MyBatis批量插入,应 ...

  2. FineReport——自定义登录页

    统一的接口: http://localhost:8075/WebReport/ReportServer?op=fs_load&cmd=sso&fr_username=XX&fr ...

  3. 重装系统备份MYSQL数据（整库备份）

    今天要重装Windows 8系统,但是我的Mysql里面数据太多,要备份成sql文件实在太麻烦,于是我听说可以直接拷贝数据文件夹,所以就试了,结果还成果了. 具体如下: 我安装的时候把数据文件夹就放在 ...

  4. golang-指针，函数，map

    指针 普通类型变量存的就是值,也叫值类型.指针类型存的是地址,即指针的值是一个变量的地址.一个指针只是值所保存的位置,不是所有的值都有地址,但是所有的变量都有.使用指针可以在无需知道变量名字的情况下, ...

  5. tk界面版股票下载

    from tkinter import * import urllib.request import re,os import threading from tkinter import filedi ...

  6. C# 中从程序中下载Excel模板

    方法一: #region 下载模板 /// <summary> /// 下载模板 /// </summary> /// <param name="sender& ...

  7. Longest Palindromic Substring (最长回文字符串)——两种方法还没看，仍需认真看看

    Given a string S, find the longest palindromic substring in S. You may assume that the maximum lengt ...

  8. Maximum Gap——桶排序

    Given an unsorted array, find the maximum difference between the successive elements in its sorted f ...

  9. opencv c++实用操作

    像素遍历 对单通道图像的遍历处理 For( int i =0 ; i < grayim.rows; i++) For(int j = 0; j<grayim.cols; j++) Gray ...

  10. react-router 页面离开 提示数据变更

    以前项目使用 react-router2.0, 业务层面页面离开的时候需要弹出自己的弹出框,根据用户的操作,进行是否可以离开 试了几种方式都存在问题,实现的并不完美,没办法对用户点击浏览器后退支持的很 ...