jQuery学习笔记3----ajax基础
来源:互联网 发布:家里网络接线盒没连 编辑:程序博客网 时间:2024/04/30 09:57
Ajax全称为:“Asynchronous JavaScript and XML ”(异步Javascript和XML),它本身不是单一技术,是一串技术的集合。
jQuery对Ajax做了大量的封装,不用去考虑浏览器兼容性。最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load(),$.get()和$.post(),最高层是$.getScript()和
$.getJSON()方法。
1. .load(URL(必选),data(可选),callback(可选))
URL:请求文件的URL地址;
data:如果是服务器文件,一般不仅需要载入数据,还需向服务器提交数据,此时可使用第二个可选参数data,提交方式有两种:get和post。默认为get
callback :此为回调函数,也可传递三个可选参数:responseText(请求返回),textStatus(请求状态),XMLHttpRequest(XMLHttpRequest对象)。
注:XMLHttpRequest对象属于JavaScript范畴,可以调用其一些属性,具体属性详情请查阅相关资料。
2. $.get()和$.post()
.load()方法是局部方法,而$.get()和$.post()是全局方法。$.get()方法比.load()多了一个参数type,即服务器返回的内容格式:包括xml,html,script,json,jsonp和text。
3. $getScript()和$.getJSON()请查阅相关资料。
4. $.ajax()
$.ajax()方法只有一个参数。下面有本人做的一个小例子
<pre name="code" class="javascript">$(function (){ $('form input[type=button]').click(function () {$.ajax({ url:'user.php', type:'POST', /* data:{ user:$('form input[name=user]').val(), email:$('form input[name=email]').val(), },*/ data:$('form').serialize(), success:function(response,status,xhr){ $('#box').html(response); } });});});
php代码如下:
<?php echo $_POST['user'].'-'.$_POST['email'];?>
最终显示结果如下
- jQuery学习笔记3----ajax基础
- jQuery、AJAX基础学习笔记
- Ajax基础学习笔记三—jQuery实现Ajax
- ajax(jQuery)学习笔记
- Jquery.ajax学习笔记
- JQuery Ajax学习笔记
- jQuery Ajax学习笔记
- jquery ajax学习笔记
- jQuery学习笔记--jQuery Ajax
- ajax基础学习笔记
- JQuery基础学习笔记
- jQuery基础学习笔记
- jQuery 基础学习笔记
- jquery基础学习笔记
- jQuery学习笔记之jQuery的Ajax(3)
- Jquery.Ajax+php 学习笔记
- Jquery学习笔记之ajax
- jQuery学习笔记:Ajax(一)
- Java开发人员最常用19个Linux命令
- warning: deprecated conversion from string constant to "char *"
- Objective-C 使用点语法调用getters和setters
- asp.net mvc中的MVC彼此关联性
- Unable to execute dex: java.nio.BufferOverflowException.解决办法
- jQuery学习笔记3----ajax基础
- 自定义带图片按钮的实现。
- LeetCode OJ 之 Length of Last Word(求最后一个单词的长度)
- 第11周项目6-回文、素数-回文数
- 负值之美:负margin在页面布局中的应用
- 和为n连续正数序列 【微软面试100题 第五十一题】
- 类的成员函数的指针
- C#中的特性 和 通过反射获取属性上的特性
- 学习总结与未来规划