Yii2表單事件之Ajax提交實(shí)現(xiàn)方法

更新時(shí)間：2017年05月04日 10:27:35 作者：yhdsir

這篇文章主要介紹了Yii2表單事件之Ajax提交實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了Yii2框架中ajax提交的具體實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了Yii2表單事件之Ajax提交實(shí)現(xiàn)方法。分享給大家供大家參考，具體如下：

前言

Yii2 現(xiàn)在使用 JS 都必須要注冊(cè)代碼了。

要實(shí)現(xiàn) Ajax 提交，有兩種方法。一是直接在 ActiveForm 調(diào)用 beforeSubmit 參數(shù)，但是個(gè)人認(rèn)為這樣沒(méi)有很好的把 JS 和 HTML 分開(kāi)，所以我們這篇文章主要介紹第二種方法 - 外部寫(xiě) JS 方法。

表單部分

<?php $form = ActiveForm::begin([
  'id'   => $model->formName(),
  'action' => ['/apitools/default/index']
]); ?>

Ajax

<?php
$js = <<<JS
// get the form id and set the event
$('form#{$model->formName()}').on('beforeSubmit', function(e) {
  var \$form = $(this);
  // do whatever here, see the parameter \$form? is a jQuery Element to your form
}).on('submit', function(e){
  e.preventDefault();
});
JS;
$this->registerJs($js);

如果你使用了 JsBlock，你還可以這樣寫(xiě)：

<?php JsBlock::begin() ?>
  <script>
    $(function () {
      jQuery('form#apitool').on('beforeSubmit', function (e) {
        var $form = $(this);
        $.ajax({
          url: $form.attr('action'),
          type: 'post',
          data: $form.serialize(),
          success: function (data) {
            // do something
          }
        });
      }).on('submit', function (e) {
        e.preventDefault();
      });
  </script>
<?php JsBlock::end() ?>

更多關(guān)于Yii相關(guān)內(nèi)容感興趣的讀者可查看本站專(zhuān)題：《Yii框架入門(mén)及常用技巧總結(jié)》、《php優(yōu)秀開(kāi)發(fā)框架總結(jié)》、《smarty模板入門(mén)基礎(chǔ)教程》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門(mén)教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門(mén)教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》

希望本文所述對(duì)大家基于Yii框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

thinkphp的靜態(tài)緩存用法分析
這篇文章主要介紹了thinkphp的靜態(tài)緩存用法,較為詳細(xì)的分析了靜態(tài)緩存的配置方法與相關(guān)操作的技巧,具有一定的實(shí)用價(jià)值,需要的朋友可以參考下
2014-11-11
PHP實(shí)現(xiàn)抓取Google IP并自動(dòng)修改hosts文件
這篇文章主要介紹了PHP實(shí)現(xiàn)抓取Google IP并自動(dòng)修改hosts文件,本文方法可以實(shí)現(xiàn)免翻墻上google,小編親測(cè)可用,需要的朋友可以參考下
2015-02-02
基于ThinkPHP刪除目錄及目錄文件函數(shù)
這篇文章主要介紹了基于ThinkPHP刪除目錄及目錄文件函數(shù),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-10-10
Laravel定時(shí)任務(wù)的每秒執(zhí)行代碼
今天小編就為大家分享一篇Laravel定時(shí)任務(wù)的每秒執(zhí)行代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
PHP的password_hash()使用實(shí)例
這篇文章主要介紹了PHP的password_hash()使用實(shí)例,需要的朋友可以參考下
2014-03-03
AMFPHP php遠(yuǎn)程調(diào)用(RPC, Remote Procedure Call)工具快速入門(mén)教程
AMFPHP是PHP的遠(yuǎn)程調(diào)用(RPC, Remote Procedure Call)工具。
2010-05-05
PHP書(shū)寫(xiě)格式詳解(必看)
下面小編就為大家?guī)?lái)一篇PHP書(shū)寫(xiě)格式詳解(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-05-05
Laravel中服務(wù)提供者和門(mén)面模式的入門(mén)介紹
這篇文章主要給大家介紹了關(guān)于Laravel中服務(wù)提供者和門(mén)面模式使用的相關(guān)資料，文中通過(guò)詳細(xì)的示例代碼給大家介紹了Laravel中的服務(wù)提供者和門(mén)面模式，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-11-11
Laravel5.1 框架模型創(chuàng)建與使用方法實(shí)例分析
這篇文章主要介紹了Laravel5.1 框架模型創(chuàng)建與使用方法,結(jié)合實(shí)例形式分析了laravel5.1框架模型的原理、創(chuàng)建、更新、獲取等相關(guān)操作技巧,需要的朋友可以參考下
2020-01-01
幾道坑人的PHP面試題試試看看你會(huì)不會(huì)也中招
這篇文章主要介紹了幾道坑人的PHP面試題,試試看看你會(huì)不會(huì)也中招,這些題目都用了一些障眼法,需要你有一雙火眼金睛哦,需要的朋友可以參考下
2014-08-08