请求数据
我们可以使用获取、发布两种方式向后端请求数据,这里以服务器端编程语言(专业超文本预处理器的缩写)为例,假设有测试页面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(结果);});});输入错误用户名卢卡斯后,结果为:
输入正确用户名斯蒂芬利后,结果为:
使用邮政方式发送数据思路相同,就不再赘述了。