介绍jquery中的load方法：

(1).前面没有jquery.修饰，能够判断出他是一个普通的非全局函数（也就是说是一个局部函数）:$.,$().,jquery.等修饰的就是全局函数。没有这些修饰的就是局部函数。

(2).$(expr).load(url,data,callback);

url：请求路径，绝对路径或者相对路径都能够.

data: 请求參数，格式必须是key/value格式(json格式)

callback:回调函数。function(data,textStatus,XMLHttpRequest) data:代表请求返回内容 textStatus:代表请求状态succuss, error, notmodify, timeout 4 种 XMLHttpRequest：XMLHttpRequest对象

(3).默认情况下在没有向server发送请求数据的时候是load()方法就是GET请求，假设有请求參数那么就是POST请求

(4). load()不能自己定义请求类型,而是由是否向server端发送请求数据.  load()不能自己定义数据交换格式,仅仅能使用文本(HTML)格式

案例：

load.html页面

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

<html>

    <head>

        <title>load()方法</title>

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

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

        </script>

        <style type="text/css">

            div, span {

                width: 140px;

                height: 140px;

                margin: 20px;

                background: #9999CC;

                border: #000 1px solid;

                float: left;

                font-size: 17px;

                font-family: Roman;

            }

            div.mini {

                width: 30px;

                height: 30px;

                background: #CC66FF;

                border: #000 1px solid;

                font-size: 12px;

                font-family: Roman;

            }

            div.visible {

                display: none;

            }

        </style>

        <!--引入jquery的js库-->

    </head>

    <body>

        <form action="" name="form1" id="form1">

            <input type="text" name="username" id="username" value="zhang">

            <br>

            <input type="text" name="psw" id="psw" value="99999">

            <br>

            <input type="button" id="b1" value="登陆">

        </form>

        <div id="one">

        </div>

    </body>

    <script language="JavaScript">

     	$().ready(function(){

			var json={username:$("#username").val(),psw:$("#psw").val()};

			$("#b1").click(function(){

				$("#one").load("load.jsp",json,function(data,textStatus,XMLHttpRequest){

					alert(data);

					alert(textStatus);

				});

			});

		});

    </script>

</html>

load.jsp（相当于一个server,也能够使用Servlet我这里使用的jsp比較方便）

<%@ page language="java" pageEncoding="UTF-8"%>

<%

	System.out.println("connection server success!");

	System.out.println(request.getMethod());//获取请求參数类型

	System.out.println("username = "+request.getParameter("username"));//获取请求參数

	System.out.println("password = "+request.getParameter("psw"));

	out.println("helloworld!");

%>

浏览器显示：

控制台显示：

黑马day18 jquery高级特性&amp;Ajax的load方法的更多相关文章

  1. Ajax的load方法演示

    load方法的参数形式为: load(url,[data],[callback]); 其中url为请求HTML页面的URL地址.[data]表示发送至服务器的key/value数据.callback表 ...

  2. jQuery Ajax之load()方法

    jQuery对Ajax操作进行了封装,在jQuery中$.ajax()方法属于最底层的方法,第2层是load().$.get()和$.post()方法,第3层是$.getScript()和$.getJ ...

  3. jquery的load()事件和ajax中load()方法的区别

    load事件 当图像加载时,改变 div 元素的文本: $("img").load(function(){ $("div").text("Image ...

  4. jquery ajax的load()方法和load()事件

    1.使用 AJAX 请求来改变 div 元素的文本: $("button").click(function(){ $("div").load('demo_aja ...

  5. js进阶 14-1 jquery的ajax系列中的load方法的作用是什么

    js进阶 14-1 jquery的ajax系列中的load方法的作用是什么 一.总结 一句话总结:jQuery load()方法作用是从服务器加载数据,是一个简单但强大的AJAX方法. 1.load函 ...

  6. 【jQuery】 JQ和AJAX

    AJAX AJAX全称异步 JavaScript 和 XML(Asynchronous JavaScript and XML),是一种用于网页前端和网站后台进行数据交互的手段.关于AJAX的详细介绍在 ...

  7. ASP.NET MVC5高级编程 之 Ajax

    jQuery不仅支持所有现代浏览器,包括IE.Firefox.Safari.Opera和Chrome等,还可以在编写代码和浏览器API冲突时隐藏不一致性(和错误). 1. jQuery jQuery擅 ...

  8. jquery高级编程学习

    jquery高级编程 第1章.jQuery入门 类型检查 对象 类型检查表达式 String typeof object === "string" Number typeof ob ...

  9. jquery插件开发继承了jQuery高级编程思路

    要说jQuery 最成功的地方,我认为是它的可扩展性吸引了众多开发者为其开发插件,从而建立起了一个生态系统.这好比大公司们争相做平台一样,得平台者得天下.苹果,微软,谷歌等巨头,都有各自的平台及生态圈 ...

随机推荐

  1. Vue 导出表格为Excel

    放法有多种,我这里是直接转JSON数据为Excel. 1.既然要使用,那首先当然是安装依赖,在终端命令输入: npm install -S file-saver xlsx npm install -D ...

  2. 微信小程序从零开始开发步骤（七）引入外部js 文件

    上一章讲到小程序页面的四种常见的跳转的方法,这一章写如何引入一个外部的js文件,既utils文件夹的用处,其实步骤很简单: 1:准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内 ...

  3. [AngularFire] Resolve snapshotChanges doesn't emit value when data is empty

    Updated to AngularFire2 v5.0. One important change is that you need to call .snapshotChanges() or .v ...

  4. Autodesk 招聘Revit二次开发咨询顾问，与Autodesk全球团队紧密合作，提高职业生涯的好机会

    朋友们, 因为我离开Autodesk的全职工作(变为部分时间工作),我的职位空出.急招这个职位.请踊跃把你周围的朋友推荐给Autodesk. 请将简历发给我转交给Autodesk 我的邮箱yexion ...

  5. Qt自定义类型使用QHash等算法（Qt已经自定义了34种类型，包括int, QString, QDate等基本数据类型）

    自定义类型 #include <QCoreApplication> #include <QSet> #include <QDebug> class testCust ...

  6. QTemporaryDir及QTemporaryFile建立临时目录及文件夹（创建一个随机名称的目录或文件，两者均能保证不会覆盖已有文件）

    版权声明:若无来源注明,Techie亮博客文章均为原创. 转载请以链接形式标明本文标题和地址:本文标题:QTemporaryDir及QTemporaryFile建立临时目录及文件夹     本文地址: ...

  7. jquery init 关系

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st ...

  8. Android学习笔记进阶18之画图并保存图片到本地

    1.首先创建一个Bitmap图片,并指定大小:   2.在该图片上创建一个新的画布Canvas,然后在画布上绘制,并保存即可:   3.需要保存的目录File,注意如果写的目录如“/sdcard/so ...

  9. 36.Node.js 工具模块--OS模块系统操作

    转自:http://www.runoob.com/nodejs/nodejs-module-system.html Node.js os 模块提供了一些基本的系统操作函数.我们可以通过以下方式引入该模 ...

  10. POJ 2253-Frogger （Prim）

    题目链接:Frogger 题意:两仅仅青蛙,A和B,A想到B哪里去,可是A得弹跳有限制,所以不能直接到B,可是有其它的石头作为过渡点,能够通过他们到达B,问A到B的全部路径中.它弹跳最大的跨度的最小值 ...