jQuery学习笔记之埃阿斯操作篇（二) - 数据传递

请求数据

我们可以使用获取、发布两种方式向后端请求数据，这里以服务器端编程语言(专业超文本预处理器的缩写)为例，假设有测试页面age.php，用于返回年龄信息，内容为：

if(isset($ _ REQUEST[' name '])$ _ REQUEST[' name ']==' Stephen '){ echo ' 23 '；}当前页面内容为：

Stephen/a span age :/span id=' sex '/span/span/div(9500 . 163.com)

我们希望点击a标签后，在不刷新页面的前提下获取年龄信息。首先用得到方式请求数据：

得到方式

$('a ').单击（函数(e){ e . prevent default()；//var url=$(this).attr('href ')，name=$(this).text()，请求数据={ ' name ' : name }；$.get(url，requestData，function(data) { $('#sex ').html(数据);});});点击a标签后，当前页面为：

数据请求成功。我们再用邮政方式测试下：

邮政方式

$('a ').单击（函数(e){ e . prevent default()；//var url=$(this).attr('href ')，name=$(this).text()，请求数据={ ' name ' : name }；$.post(url，requestData，function(data) { $('#sex ').html(数据);});});代码几乎一样，只是由得到方法变为了邮政方法。这里我们其实还可以用负荷方法简化代码：

$('a ').单击（函数(e){ e . prevent default()；var url=$(this).attr('href ')，name=$(this).text()，请求数据={ ' name ' : name }；$('#sex ').加载(url，请求数据)；});发送数据

除了可以使用埃阿斯技术从后端获取数据，还可以向后端发送数据，常见的就是异步提交表单的情景，这里以用户验证为例：

表单操作=' validate。PHP ' username :输入id=' username ' name=' username ' type=' text '/password :输入id=' password ' name=' password ' type=' text '/输入值=' submit ' type=' submit '/form(9502 . 163.com)

假设当用户名为斯蒂芬利，密码为123456 时验证通过，否则失败，测试页面validate.php为：

if($ _ REQUEST[' username ']==' stephenley ' $ _ REQUEST[' password ']==' 123456 '){ echo ' pass '；}否则{回声失败}使用得到方式发送数据到后端验证：

$(“表单”).submit(function(e){ e . prevent default()；//var url=$(this).attr('action ')，username=$(' input[name=' username ']').val()，密码=$('输入[name=' password ']').val()，请求数据={ ' username ' : username，' password ' : password }；$.获取(网址、请求数据),函数（结果){ alert(结果);});});输入错误用户名卢卡斯后，结果为：

输入正确用户名斯蒂芬利后，结果为：

使用邮政方式发送数据思路相同，就不再赘述了。