介绍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. 一台服务器安装运行多个Tomcat及注册服务

    项目需要,自己配置了一下,顺便分享出来. 1.下载对应版本Tomcat,这里下载Tomcat7.0.65.zip; 下载地址:http://archive.apache.org/dist/tomcat ...

  2. C/C++（数据结构链表的实现）

    链表 List 链表实现了内存零碎片的有效组织. 静态链表 链表中有两个成员,数据域和指针域 数据域:我们存储的数据. 指针域:指针指向下一个具体的节点,代表了下一个节点的类型是链表类型. 所谓的指针 ...

  3. 2017国家集训队作业[agc014d]Black and White Tree

    2017国家集训队作业[agc014d]Black and White Tree 题意: ​ 有一颗n个点的树,刚开始每个点都没有颜色.Alice和Bob会轮流对这棵树的一个点涂色,Alice涂白,B ...

  4. Jenkins学习总结（3）——Jenkins+Maven+Git搭建持续集成和自动化部署的

    前言 持续集成这个概念已经成为软件开发的主流,可以更频繁的进行测试,尽早发现问题并提示.自动化部署就更不用说了,可以加快部署速度,并可以有效减少人为操作的失误.之前一直没有把这个做起来,最近的新项目正 ...

  5. LightOJ 1291 Real Life Traffic

    Real Life Traffic Time Limit: 2000ms Memory Limit: 32768KB This problem will be judged on LightOJ. O ...

  6. js--07 编解码,eval

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

  7. 最小生成树（MST，minimum spanning tree）

    生成树:由图生成的树,由图转化为树,进一步可用对树的相关操作来对图进行操作.最小指的是权值最小: 生成树是边的集合,如下图所示的最小生成树:MST={{a,b},{a,f},{f,c}} 本文主要探讨 ...

  8. 7.Maven之（七）pom.xml配置文件详解

    转自:https://blog.csdn.net/qq_33363618/article/details/79438044 setting.xml主要用于配置maven的运行环境等一系列通用的属性,是 ...

  9. IPod在Linux下的实战

    刚收到一个朋友送的Ipod,经过研究今天我为大家分享一点在Linux系统下使用的经验.Apple的iPod它炫目时尚,超薄还可以俘储大量歌曲,这使得iPod十分流行.但流行的同时也带来了一些问题, 在 ...

  10. go每个函数写代码例子

    https://github.com/astaxie/gopkg 由于目前golang的手册里面针对函数的例子太少了,很多时候不知道怎么使用,好多人都是看源代码才明白怎么用,这个给我们快速开发gola ...