介绍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. hello world! hello cnbog

    第一次开通博客,以后见证我的成长吧!

  2. AJAX与XMLHttpRequest

    XMLHttpRequest: 中文可以解释为可扩展超文本传输请求.Xml可扩展标记语言,Http超文本传输协议,Request请求.XMLHttpRequest对象可以在不向服务器提交整个页面的情况 ...

  3. 【2017 Multi-University Training Contest - Team 2】 Regular polygon

    [Link]: [Description] 给你n个点整数点; 问你这n个点,能够组成多少个正多边形 [Solution] 整点只能构成正四边形. 则先把所有的边预处理出来; 枚举每某两条边为对角线的 ...

  4. 免费超大量邮件发送服务Amazon SES和Mailgun提供SMTP和API支持

    一般来说网站注册.论坛消息.新闻推送.广告宣传等都会有发送邮件服务,大量的邮件发送服务如果用PHP来发送,一是会消耗主机资源,二是容易被各大邮箱判定为垃圾邮件而被拒收.用第三方的邮局服务发送邮件,可以 ...

  5. 洛谷 P2360 地下城主

    P2360 地下城主 题目描述 你参加了一项秘密任务,在任务过程中你被困在了一个3D的地下监狱里面,任务是计时的,你现在需要在最短的时间里面从地牢里面逃出来继续你的任务.地牢由若干层组成,每一层的形状 ...

  6. 洛谷 P1709 [USACO5.5]隐藏口令Hidden Password

    P1709 [USACO5.5]隐藏口令Hidden Password 题目描述 有时候程序员有很奇怪的方法来隐藏他们的口令.Binny会选择一个字符串S(由N个小写字母组成,5<=N<= ...

  7. js40---享元模式

    /** * 享元模式是一个为了提高性能(空间复杂度)的设计模式 * 他使用与程序会生产大量的相类似的对象是耗用大量的内存的问题 */ (function(){ /** * 制造商 * 型号 * 拥有者 ...

  8. ONVIF客户端搜索设备获取rtsp地址开发笔记(精华篇)

    原文  http://blog.csdn.net/gubenpeiyuan/article/details/25618177   概要: 目前ONVIF协议家族设备已占据数字监控行业半壁江山以上,亲, ...

  9. 关于mybatis里面的Executor--转载

    原文地址:http://blog.csdn.net/w_intercool/article/details/7893344 使用mybatis查寻数据,跟踪其执行流程 最开始执行的语句 this.ge ...

  10. 用Bandwidth Controller实现局域网带宽控制

    用Bandwidth Controller实现局域网带宽控制 很多做网络管理的朋友都知晓微软的ISA Serve防火墙,在ISA Server 2000中,带宽管理功能是通过设置优先级来实现,但是管理 ...