jquery ajax传递data,基于jquery ajax中的data传递参数与后台工作的流程

基于jquery ajax中的data传递参数与后台工作的流程

2014-11-12    分类: php学习,前端资源,学习jquery基础

首先列出实例代码

js代码：

$('button').click(function(){

var js2_101=30;

$.ajax({

type:'GET',

url:"3.php",

data:{text:js2_101},

success: function(data){

alert(data)

}

});

return false;//阻止默认行为

});

HTML代码：

测试

没阻止默认行为的时候：(服务器默认接受2次数据，一个是data传递的参数即使没有写也会传递一个空值，一个是表单提交的信息)

data参数 和 input数据 如果提交的不一样 服务器接受2次不同的数据先接受data数据在接受input数据

data参数 和 input数据 如果提交的一样 服务器接受2次同样的数据先接受data数据在接受input数据

阻止默认行为时候：(服务器只接受一次数据，就是data传递的参数)

input提交的信息只能传递给data,data才能发送给服务器，服务器也只能接收到data传来参数的数据。

← 上一页：js !!