回车提交异步请求

 $(function (){
    // 点击保存评论
    $(".reComment").on("click", function (){
        saveCommentData($(this).prev());
    });
 
    // 获取焦点情况下回车提交评论
    $(".reCommentInput").on("focus", function (){
        var _this = $(this);
        $(this).on('keyup', function (e) {
            e.stopPropagation();
 
            // 上下方向键
            if (e.keyCode == "38" || e.keyCode == "40"){
                console.log('你在动方向键');
            }
 
            // 回车
            if (e.keyCode == "13") {
                saveCommentData(_this);
            }
        });
    });
});

Ajax JSONP 跨域

/**
 * 保存评论内容
 * @param  _this
 */function saveCommentData(_this){
    var content     = _this.val();
    var id          = _this.attr("data-id");
 
    // JSONP 不支持post跨域请求
    $.ajax({
        type: 'POST',
        jsonp: 'callback',
        dataType: 'jsonp',
        data:{id:id, content:content},
        url: "//baidu.com/index.php",
        success: function (data) {
            console.log(data.id);
        }
    });                                                                                                                                                               }

getJSON 跨域

/**
 * 保存评论内容
 * @param  _this
 */function saveCommentData(_this){
    var content     = _this.val();
    var id          = _this.attr("data-id");
 
    // getJson简单跨域请求
    $.getJSON("//baidu.com/index.php?callback=?", {id:id, content:content}, function (date) {
        console.log(date);
    });
}

php 原生服务器端代码

public function saveReData(Request $request){
    $data = $_GET;
    return $_GET['callback'].'('.json_encode($data, JSON_UNESCAPED_UNICODE).')';
}

 php Laravel框架务器端代码

public function saveReData(Request $request){
    $data = $request->all();
    return response()->jsonp(array_get($data, 'callback'), ['id'=>'ssssssssssssss']);
}

本文由职坐标整理发布，学习更多的jQuery相关知识，请关注职坐标WEB前端jQuery频道！