当前位置:首页 > 网站建设

【dedecms仿站截图】织梦ajax跨域提交自定义表单和跨域验证代码问题解决

dedecms源码2019-05-03686人围观
A站(www.a.com),有个form表单,ajax提交到 B站(www.b.com),还附带个验证码

A站上的表单代码如下

<script type="text/javascript" src="jquery.min.js"></script>
<script>
function send(){
    $.ajax({
        cache:true,
        type:"POST",
        url:"http://www.b.com/plus/diy.php",
        data:$('#diyform').serialize(),
xhrFields:{withCredentials: true}, //ajax跨域提交
crossDomain:true, //ajax跨域提交
        success: function(data){
            if(data=="success"){
                alert('发送成功!');
            }else{
                alert('发送失败!');
            }
        }
    });
}
</script>
<form action="" enctype="multipart/form-data" method="post" id="diyform">
<input type="hidden" name="action" value="post" />
<input type="hidden" name="diyid" value="2" />
<input type="hidden" name="do" value="2" />
<input type="hidden" name="dede_fields" value="name,text" />
<input type="hidden" name="dede_fieldshash" value="c2be5bb5ec45d9d01ca9f60dc469b3fb" />
<p>
姓名:
<input type='text' name='name' id='name' />
</p>
<p>
验证码:
<input type="text" name="validate">
<img src="http://www.b.com/include/vdimgck.php" align="absmiddle" onclick="this.src='http://www.b.com/include/vdimgck.php?tag='+Math.random();" style="cursor:pointer;">
</p>
<div onclick="send()">提交</div>
</form>


1、提交到 http://www.b.com/plus/diy.php

2、验证码 http://www.b.com/include/vdimgck.php

3、ajax 跨域必需js代码

xhrFields:{withCredentials: true},

crossDomain:true,

B站上的 /plus/diy.php 文件上面加入

header("Access-Control-Allow-Credentials:true");

header("Access-Control-Allow-Origin:http://www.a.com");
 

    版权声明:

    博主在此发文(包括但不限于汉字、拼音、拉丁字母)均为随意敲击键盘所出,用于检验本人电脑键盘录入、屏幕显示的机械、光电性能,并不代表本人局部或全部同意、支持或者反对观点

    如需要详查请直接与键盘生产厂商法人代表联系。挖井挑水无水表,不会网购无快递。

    文章内容除非注明原创,否则来源于互联网,不代表本人的任何立场;涉及到的软件来源于互联网,仅供个人下载使用,请勿用于商业用途,版权归软件开发者所有,下载后请于24小时内删除,请支持正版!

    因下载本站任何资源造成的损失,全部责任由使用者本人承担!

    如果你是版权方,认为本文内容对您的权益有所侵犯,请联系博主,待博主进行严格地审查和背景调查后,情况属实的将在三天内将本文删除或修正。

    博主的文章没有高度、深度和广度,只是凑字数。由于博主的水平不高(其实是个菜B),不足和错误之处在所难免,希望大家能够批评指出。