将不确定变为确定~开发人员应该明确知道跨域Post的问题-阿里云开发者社区

将不确定变为确定~开发人员应该明确知道跨域Post的问题

2017-12-05 1151

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介：

注意：这里的跨域指不到同一域名下，包括一级与二级域名，这里也认为不在同域下

从A网站把信息以Post的方式发送到B网站，这种过程叫做跨域POST，相类的，A网站把B网站的信息获取回来，一般称为跨域GET请求，而对于后者可以通过异步方式实现，在jq里封装了jsonp，用它来实现异步跨域请求；而异步跨域POST是不可以被实现的，下面我们通过实例来说明。

一异步跨域

JS代码用来实现跨域GET和跨域POST，代码如下：（从www.post.com域名下访问二级域成file.post.com）

<script type="text/javascript">
    $.ajax({
        type: "GET",
        dataType: "jsonp", 
        url: "http://file.post.com/Home/GetInfo",
        success: function (data) {
            alert(data);
        }
    })

    $("#btnsubmit").click(function () {
        alert("操作...");
        $.ajax({
            type: "POST",
            url: "http://file.post.com/home/create2",
            data: { commentTitle: $("#CommentTitle").val(), commentInfo: $("#CommentInfo").val() },
            success: function (data) {
                alert(data);
            }
        })
    });
</script>

表单如下：

<fieldset>
    <legend>Product_Comment</legend>
    <div class="editor-label">
        @Html.LabelFor(model => model.ProductID)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.ProductID)
        @Html.ValidationMessageFor(model => model.ProductID)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.UserID)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.UserID)
        @Html.ValidationMessageFor(model => model.UserID)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.CommentTitle)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.CommentTitle)
        @Html.ValidationMessageFor(model => model.CommentTitle)
    </div>
    <div class="editor-label">
        @Html.LabelFor(model => model.CommentInfo)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.CommentInfo)
        @Html.ValidationMessageFor(model => model.CommentInfo)
    </div>
    <p>
        <input type="button" value="Create" id="btnsubmit" />
    </p>
</fieldset>