《PHP學(xué)習(xí)：Yii2表單事件之Ajax提交實現(xiàn)方法》要點：
本文介紹了PHP學(xué)習(xí)：Yii2表單事件之Ajax提交實現(xiàn)方法，希望對您有用。如果有疑問，可以聯(lián)系我們。
相關(guān)主題：YII框架
本文實例講述了Yii2表單事件之Ajax提交實現(xiàn)方法.分享給大家供大家參考,具體如下：PHP教程
前言PHP教程
Yii2 現(xiàn)在使用 JS 都必須要注冊代碼了.PHP教程
要實現(xiàn) Ajax 提交,有兩種方法.一是直接在 ActiveForm 調(diào)用 beforeSubmit 參數(shù),但是個人認(rèn)為這樣沒有很好的把 JS 和 HTML 分開,所以我們這篇文章主要介紹第二種方法 - 外部寫 JS 方法.PHP教程
表單部分PHP教程
<?php $form = ActiveForm::begin([ 'id' => $model->formName(), 'action' => ['/apitools/default/index'] ]); ?>
AjaxPHP教程
<?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,你還可以這樣寫：PHP教程
<?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)容感興趣的讀者可查看本站專題：《Yii框架入門及常用技巧總結(jié)》、《php優(yōu)秀開發(fā)框架總結(jié)》、《smarty模板入門基礎(chǔ)教程》、《php面向?qū)ο蟪绦蛟O(shè)計入門教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫操作入門教程》及《php常見數(shù)據(jù)庫操作技巧匯總》PHP教程
希望本文所述對大家基于Yii框架的PHP程序設(shè)計有所幫助.PHP教程
轉(zhuǎn)載請注明本頁網(wǎng)址：
http://www.fzlkiss.com/jiaocheng/863.html
