如何设置ajax.post 方法同步提交

如何设置ajax.post 方法同步提交,第1张

首先要清楚ajax的格式,如下:

$.ajax({ 

    type:'post',

    url:'/testajax.php',

    dataType:'json',

    data:{uid:uid,rands:Math.random()},

    success: function(){

        alert('ajax return success')

}})

控制同步和异步的参数:

async

类型:Boolean

默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。

注意,同步请求将锁住浏览器,用户其它 *** 作必须等待请求完成才可以执行。

使用方式:

$.ajax({ 

    type:'post',

    url:'/testajax.php',

    ......

    async:false,

    .....

    success: function(){

        alert('ajax return success')

}})

1.建议新手至少先弄通golaravel上入门的文章(一)和(二),否则理解比较困难

<meta name="_token" content="{{ csrf_token() }}"/>

2.前端js请求部分(注意那个header属性,是为了避免跨站伪造请求攻击写的)

$.ajax({

type: 'POST',

url: '/ajax/create',

data: { date : '2015-03-12'},

dataType: 'json',

headers: {

'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')

},

success: function(data){

console.log(data.status)

},

error: function(xhr, type){

alert('Ajax error!')

}

})

3.路由部分route.php(ajax/create路由打到Controllers/Ajax/PollController.php的store方法上处理)

Route::group(['prefix' =>'ajax', 'namespace' =>'Ajax'], function(){

Route::post('create', 'PollController@store')

})

控制器方法PollController.php,

<?php namespace App\Http\Controllers\Ajax

use App\Http\Requests

use App\Http\Controllers\Controller

use Illuminate\Http\Request

use Illuminate\Http\Response

use App\Poll // 用数据模型

use Redirect, Input, Auth, Log

class PollController extends Controller {

public function store(Request $request)

{

$poll = new Poll

$poll->date = Input::get('date')

if ($poll->save()) {

return response()->json(array(

'status' =>1

'msg' =>'ok',

))

} else {

return Redirect::back()->withInput()->withErrors('保存失败!')

}

}

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11407868.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存