ajax跨域jsonp使用以及安全性

关注

原创最新推荐文章于 2026-06-04 16:38:47 发布 853 阅读 AI 写同款· GEO 优化 ›

在Ansys Mechanical中对磨损进行建模在有限元分析中，磨损是通过移动接触表面上的节点来复制材料侵蚀来建模的。仿真迭代更新几何，并在每次更新后重新计算平衡，使过程成为非线性的。Ansys使用将压力、相对运动和材料阻力与表面损失联系起来的经验定律来处理连续介质尺度的磨损。要在Ansys Mechanical中激活磨损建模，必须使用TB，WEAR命令定义专用材料模型。该命令与 TBDATA 相结合，允许用户输入与磨损相关的材料常数，以控制磨损的计算方式以及在接触表面上的应用方式。阅读详情

使用jsonp跨域:
jsonp原理：通过创建一个 script 标签，将 src 设置为目标请求，插入到 dom 中，服务器接受该请求并返回数据，数据通常被包裹在回调钩子中
jsonp不支持POST方式;

//客户端
$.ajax({
            // url:'http://wenjunlin.xyz/api/v2/index',
            url:'http://bisheapi.cn/api/v2/index',
            type:'post',
            data:{
                'id':4,
                't':'wen'
            },
            dataType:'jsonp',
            jsonp: "jsonpcallback", //服务端用于接收callback调用的function名的参数
            crossDomain:true,
            success:function (data) {
                // data = JSON.parse(data);
                console.log(data)
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                // console.log(code);
                console.log('XMLHttpRequest.status: '+ XMLHttpRequest.status);
                console.log('XMLHttpRequest.readyState: '+ XMLHttpRequest.readyState);
                console.log('textStatus: '+ textStatus);
                console.log('errorThrown: '+errorThrown);
            }
        });

php服务端:

public function index(){
    $id = 1;
    $t = 't';

    $id = $_GET['id'];
    $t = $_GET['t'];
    $jsonp = $_GET['jsonpcallback'];//get接收jsonp自动生成的函数名

    $arr = array(
        'id' => $id,
        't' => $t
    );
    echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据
}

使用ajax也是可以进行跨域的，只不过需要在跨域的服务端设置一下Access-Control-Allow-Origin

//客户端
$.ajax({
            url:'http://bisheapi.cn/api/v2/indexshow',
            type:'get',
            data:{
                'id':4,
                't':'wen'
            },
            dataType:'json',
            success:function (data) {
                console.log(data)
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                console.log('XMLHttpRequest.status: '+ XMLHttpRequest.status);
                console.log('XMLHttpRequest.readyState: '+ XMLHttpRequest.readyState);
                console.log('textStatus: '+ textStatus);
                console.log('errorThrown: '+errorThrown);
            }
        });

服务端代码：

 public function show(){
        header("Access-Control-Allow-Origin: *");
        $id = 1;
        $t = 't';

        $arr = array(
            'id' => $id,
            't' => $t
        );
        echo json_encode($arr);
    }

与jsonp不一样，该方式可以使用get,post等方式访问。

jsonp安全性研究：https://blog.youkuaiyun.com/jian_xi/article/details/66474717

防止xss攻击案例如下：
客户端代码

$.ajax({
            // url:'http://wenjunlin.xyz/api/v2/index',
            url:'http://bisheapi.cn/api/v2/index',
            type:'post',
            data:{
                'id':4,
                't':'wen'
            },
            dataType:'jsonp',
            jsonp: "jsonpcallback", //服务端用于接收callback调用的function名的参数
            jsonpCallback:'alert(123)',//xss攻击
            crossDomain:true,
            success:function (data) {
                // data = JSON.parse(data);
                console.log(data)
            },
            error:function (XMLHttpRequest, textStatus, errorThrown) {
                // console.log(code);
                console.log('XMLHttpRequest.status: '+ XMLHttpRequest.status);
                console.log('XMLHttpRequest.readyState: '+ XMLHttpRequest.readyState);
                console.log('textStatus: '+ textStatus);
                console.log('errorThrown: '+errorThrown);
            }
        });

后台处理:

        $id = $_GET['id'];
        $t = $_GET['t'];
//        $callback = $_GET['jsonpcallback'];//get接收jsonp自动生成的函数名
        //更安全
        $callback = urlencode($_GET['jsonpcallback']);

        $arr = array(
            'id' => $id,
            't' => $t,
            'str' => "window[decodeURIComponent('{$callback}')]"
        );
//        echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据
        echo "window[decodeURIComponent('{$callback}')](".json_encode($arr).");";