jquery实现跨域ajax请求

前端 javascript ajax 1285      收藏
本文讲述,如何从站外实现对一个网站的ajax请求,从外面向一个网站提交数据。

本文讲述,如何从站外实现对一个网站的ajax请求,从外面向一个网站提交数据。


html代码:

自学php博客

js代码:
$(function(){
    $('.btn').click(function(){
        var name=$('[name="name"]').val();
        var designer=[];
        $("input[type='checkbox']:checked").each(function(){
            designer.push(this.value);
        })
        var url='http://localhost/zhuanti/20161010/index.php/Index/btnAjax';
        var data='name='+name+'&designer='+designer;
        //$.post(url,data,function(rs){
        //    alert(rs);
        //},'jsonp');
        $.ajax({
            type:'post',
            url:url,
            dataType:'jsonp',
            data:data,
            jsonp:'callback',
            jsonpCallback:'success_jsonCallback',
            success:function(rs){
                alert(rs);
            },
            error:function(){
                alert('提交失败');
            }
        });
    });
});


php处理代码是:


    class IndexAction extends Action {
        //页面填写信息报名方法
        public function btnAjax(){
            $name=$_POST['name'];
            $designer=$_POST['designer'];
            $name.=$designer;
            //echo "var reqUrl = \"" . $_SERVER["REQUEST_URI"] . "\";";  
            //echo $_GET["callback"] . "({\"reqUrl\": reqUrl });";  
            $result=json_encode($name);
            $callback=$_GET['callback'];
            echo $callback.'('.json_encode($result).')';
        }
    }