織夢ajax跨域提交自定義表單

原文鏈接:https://blog.csdn.net/u011146423/article/details/82491010

版權聲明:本文爲CSDN博主「愛人BT」的原創文章,遵循CC 4.0 by-sa版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/u011146423/article/details/82491010

1、在織夢文件中找到/plus/diy.php文件,頂部加上跨域請求代碼

header('Access-Control-Allow-Origin:*');  //支持全域名訪問,不安全,部署後需要固定限制爲客戶端網址

header('Access-Control-Allow-Methods:POST,GET,OPTIONS,DELETE'); //支持的http 動作

header('Access-Control-Allow-Headers:x-requested-with,content-type');  //響應頭 請按照自己需求添加。

2、js定義織夢必須提交的項目

var action = 'post'; // 定義提交的方式
var diyid = 1; // 織夢自定義表單的id
var doval = 2; // 織夢自定義表單的請求的返回形式

var dede_fields = 'name,text;age,text;gh_time,text;yy_time,text;tel,text;sex,radio;weixin,text;qq,text;gh_ks,select;gh_ys,select;url,text;bqms,multitext;gh_bz,text'; // 織夢自定義表單的請求項目
var dede_fieldshash = 'e11e1cee652693e0188becb92646e853'; // 織夢自定義表單的哈希編碼

ps:其他html的根據織夢自定義表單請求的項目通過js獲取便可

3、把獲取到的表單項目拼接成一個字符串

var datastr = 'action='+action+'&diyid='+diyid+'&do='+doval+'&dede_fields='+dede_fields+'&dede_fieldshash='+dede_fieldshash;

4、AJAX的設置,這裏用jQuery

$.ajax({
           url:'http://自己的域名/plus/diy.php',
           data:datastr,
            type:'POST',
            contentType:'application/x-www-form-urlencoded; charset=utf-8', // 必須設置,與接收數據後臺編碼保持一致
            header:{
              Accept: "multipart/form-data; charset=utf-8" // 與接收數據後臺編碼保持一致
            },

            success:function(data){
                alert('預約成功!')
            }
        })
 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章