2014年辛星jquery解读第三节 Ajax

***************Ajax*********************

1.Ajax是Asynchronous Javascript And  XML的简写,它指的是异步Javascript和XML。简单来说,就是不刷新整个页面的情况下来和server端进行数据的交互,而且可以在网页上进行显示。

2.jQuery对Ajax的支持还是比較完好的。它能够让我们以GET或者POST方式从server读取信息,而且显示它。

3.jQuery通过以下几个方法对Ajax进行支持。

**************load方法*******************

1.load方法从server载入数据。而且把返回的数据放入被选元素中。语法格式:

$(选择器).load(URL,data,callback);

2.这里的URL就是我们希望发送数据到的URL地址,data參数是 可选的,它规定与请求一同发送的查询字符串键值对的集合。可选的callback參数是load方法完毕之后所运行的函数名称。

3.比方我们后台server以php为例,我们先写一个前台的html文件,代码例如以下:

<html>
<head>
	<script src = "jquery.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$("button").click(function(){
			$("#msg").load("http://localhost/a.php");
			});
		}
	);

	</script>
</head>
<p>该段文本不会被刷新</p>
<p id= "msg">点击以下按钮显示信息</p>
<button>查询</button>
</html>

然后我们还须要在www文件夹或者htdocs文件夹下新建一个a.php文件,它的内容例如以下:

<?php

echo "我是辛星";

然后我们执行页面。当我们点击“查询”button的时候,发现上面的文本没有变化,可是“点击以下button显示信息”变成了”我是辛星“,这就是一次简单的异步传输。

************说明****************

1.当然load还有其它參数。详细的能够參照手冊。

2.还有两个函数应用也非常广泛。那就是get和post,我们下一节讲到。

时间: 2024-11-05 06:13:57

2014年辛星jquery解读第三节 Ajax的相关文章

2014年辛星Javascript解读第三节

经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有"过程"的概念,但是js中没有那么复杂. ************函数*********** 1.所谓函数,就是一些代码的集合,我们用一种形式把它封装起来,当做一个整体,就有了函数的概念. 2.在js中,我们首先使用关键词funtion来声明一个函数,然后紧跟的就是函数名,然后是一个小括号,括号内可以写一些

2014年辛星jquery解读第二节

*************jquery的语法****************** 1.jquery是通过选取HTML元素,并且对选取的元素执行某些操作,从而完成某些特效的. 2.因此,我们在使用jQuery的时候经常会看到如下的操作方式:$(选择器).功能() 3.这里的$符号是一个快捷操作符,而它后面的小括号里面的选择器则指出了我们要错做的HTML元素,然后我们执行这个action来对元素完成操作. 4.比如:$("p").hide() 这也是上一节我们用到的一种方式,我们可以用它去

2014年辛星完全解读Javascript第七节 数组和对象

由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. **************数组************** 1.在Javascript中,声明一个数组太简单了,而且它支持三种方式,第一种方式是直接实例化一个Array,然后用下标的形式去添加,但是它不像PHP那样灵活,它不允许不写下标就向里面添加数据,因此,我们指定下标即可. 2.访问数组的成员就向C语言的数组那样访

2014年辛星完全解读Javascript第八节 json

json是JavaScript Object Notation的简写,它是一种轻量级的数据交换格式,而且表达上很容易靠字面去理解.json是用于存储和传输数据的格式,通常用于向服务器端传递数据. *************JSON************** 1.我们上一节介绍了对象,这一节我们将介绍json,json既然是一种数据的传输方式,那么它也必然会有自己的语法规则,它的语法规则如下:由大括号保存对象,由方括号保存数组,数据以键值对的方式存储,而且多个数据之间需要用逗号分开. 2.比如下

2014年辛星完全解读Javascript第六节 对象

随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象和其他编程语言还是有很大区别的. ************对象************* 1.Javascript中的对象的定义“属性的无序集合,每个属性存放一个初始值.函数或者对象”,也就是说,对象是没有额定顺序的值的数组. 2.Javascript中的对象一般可以分为本地对象.内置对象.宿主对象

2014年度辛星完全解读html第三节

接下来我们继续学习HTML中的标签,希望大家能够再接再厉,同时辛星也会支持大家,我们一起努力,一起加油.我们本小节来认识另外几个标签. *************空格和换行************** 1.我们在HTML文件中的那么多的空格和换行在浏览器上显示的时候和我们在文本编辑器中看到的并不一样,我们可能HTML代码中有大量的空格和换行,但是输出到浏览器上的时候却好像没有空隙. 2.浏览器会把我们多余一个的空格都解析为一个空格,如果我们想要多加几个空格的话,需要使用  它表示字符实体,每当我

2014年辛星Javascript解读第一节

***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数据的解析和传递. 2.Javascript和Java并没有太多的关系,只是名字重复了四个字母. 3.Javascript的主要功能是进行数据验证.提供网页特效,动态响应用户的操作,我们提到Javascript也通常会提到jQuery和Ajax. ************Javascript的历史**

2014年辛星全然解读html第八节

经过前面七节的学习,我感觉大家的HTML的功底也差点儿相同了,并且我特别的删去了某些东西,比方框架,假设回到几年前,那么框架是很流行的,可是如今都到了2014年了,这些东西早就该被遗忘了,因此,我果断的把这些我感觉过时的东西所有扔掉. 而HTML5的话,本教程还是没有涉及,我觉得如今学习HTML5已经能够了,毕竟HTML5的教程也有一些人出了,可是本教程不涉及,并非我不建议大家学.不建议大家用,仅仅是本教程没有提及而已. 还有些东西,比方样式的设置,比方标签的id和name什么的,凡是我觉得能够

2014年辛星完全解读html第八节

经过前面七节的学习,我感觉大家的HTML的功底也差不多了,而且我特别的删去了某些东西,比如框架,如果回到几年前,那么框架是非常流行的,但是现在都到了2014年了,这些东西早就该被遗忘了,因此,我果断的把这些我感觉过时的东西全部扔掉. 而HTML5的话,本教程还是没有涉及,我认为现在学习HTML5已经可以了,毕竟HTML5的教程也有一些人出了,但是本教程不涉及,并不是我不建议大家学.不建议大家用,只是本教程没有提及而已. 还有些东西,比如样式的设置,比如标签的id和name什么的,凡是我认为可以放