直接正题,前台 jquery 的代码 后台 接受之后 处理 然后返回,主要是前后台代码的写法。
这里面的列子 实现的功能十分简单,前台 html 把数据传到后台,后台接受到数据,在传给前台html 接受
代码主要是讲写法,没有什么实际的运用
<html>
<script type="text/javascript" src="__PUBLIC__/style/js/jquery.1.10.1.min.js"></script> ------------------包含 jquery.js
<input type="text" id="email" name="email" tabindex="1" placeholder="请输入常用邮箱地址" />
<input type="submit" id="submitLogin" value="注 册" />
<input type="text" id="show" value="" />
<script>
$("#submitLogin").bind('click',function(event){
var email = $("#email").val();
$.ajax({
url:"{:U('register')}",---------------------ajax 传递地址 url
type:"POST",-------------------- 发送请求的类型 post
data:{email:email},-------------------- 发送的数据 data
success: function( data ) { ----------------- 成功后处理
if(data.length >=12) {
//window.location.href = data;
alert(data);
} else {
//alert(data);
$("#show").val(data);
}
},
error: function(data) {
alert("购买失败!系统错误"+data);
}
});
});
</script>
</html>
/* 注册页面 */ public function register($username = '',$password = '',$repassword = '',$email = '',$verify = ''){ if(!C('USER_ALLOW_REGISTER')){ $this->error('注册已关闭'); } if(IS_AJAX){ //注册用户 $data = I('email'); echo $data; -----------------------------这里打印的变量 data 要与html 代码里面成功后接受到的变量一致 } else { //显示注册表单 $this->display(); } }
原文链接:https://www.f2er.com/ajax/163831.html