$.post 跨域传输数据

使用的是TP框架

 

前端代码:

<!DOCTYPE html>
<html>
<head>
<title>这里是前端代码</title>
</head>

<body>
<form action="" method="get">
姓名:<input type="text" name="name">
<input type="button" value="跨域提交" onclick="sure()">
</form>
</body>

</html>

 

jquery:

function sure(){

  var url="http://www.xiangmu.com/renrence3/renrence/lingyuan/Index/add";//请求的TP框架后台地址

      var data={

     'name':$('name').val(),

  }

  

      $.ajax({
             type:"GET",//请求方式GET/POST 都可
             async: false, 
             dataType:"jsonp", //跨域请必填
             jsonp: "callback",  //跨域请必填
             url: url,
             data: data,
             jsonpCallback:"ADD", //自己定义的字符串,但必须与请求地址返回的数据一致
             success: function(data){
                   alert('成功')
             }
             error: function(){
                   alert('失败');
            }
      })

}

 

PHP  

public function add(){

  $name=I('name');

  $arr=array();//需要返回的数据

      echo "ADD(json_encode($arr))"; // ADD 为与ajas 请求传的jsonpCallback的值相同,返回的数据必须放在()中,JS成功后success(data)中的data 为json_encode($arr) 的数据

}



posted @ 2016-11-24 19:19  贪婪的猫  阅读(1315)  评论(0编辑  收藏  举报