ajax跨域post方式

WBOY
發布: 2016-07-28 08:28:13
原創
1119 人瀏覽過

上一篇部落格說了ajaxgetjsonp跨域方式,需要注意的一些事項下面說一下post方式傳輸數劇以及後端接受。

先直接上ajax程式碼:

$(document).ready(function() {
    $('#submit1').click(function(){
        var data = new FormData($("#form1")[0]); //$("form").serializeArray();
        //formData = new FormData(data);
data.append("serect", 12324234);
        console.log(data);
        $.ajax({
            type:"POST",
            url:"http://test/fuck",
            data: data,
            crossDomain: true,
            contentType: false,  
            processData: false,
            dataType: 'json',
            success:function(data) {
               
            }
        });
        return false;
    });
登入後複製
注意的是一定要加上crossDomain: true,這一行,不然你會報錯,oringn cross 那個錯,還有就是服務端一定要配置cros我用的laravel框架做後端,所以就要改幾個東西。

一就是要在入口文件配置cros代碼如下:

$response = $kernel->handle(
    $request = Illuminate\Http\Request::capture()
);
$response->header('Access-Control-Allow-Origin', '*')
    ->header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT, DELETE')
    ->header('Access-Control-Allow-Headers', 'Content-Type, Accept, Authorization, X-Requested-With, Origin')->send();

$kernel->terminate($request, $response);
登入後複製
  二就是要在kernel.phptoken驗證,否則會關閉在接收端報錯誤:

AppHttpMiddlewareVerifyCsrfToken::class,

下邊上服務端上服務端>

下邊上服務端php>

public function fuck(Request $request){
        $data = $request->all();
        return json_encode($data);
🎜>

java服務端的我沒接觸過,以後再補上

以上就介紹了 ajax跨域post方式,包括了方面的內容,希望對PHP教程有興趣的朋友有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板