国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

目錄
鑰匙要點(diǎn)
ajax form

如何在drupal 8?

中創(chuàng)建一個(gè)自定義AJAX命令來創(chuàng)建Drupal 8中的自定義AJAX命令,您需要?jiǎng)?chuàng)建一個(gè)實(shí)現(xiàn)CommandInterface的新類。該類應(yīng)定義一種渲染方法,該方法返回帶有以下鍵的數(shù)組:“命令”,這是命令的名稱和“方法”,這是在客戶端端被調(diào)用的方法。該數(shù)組還可以包含將傳遞給客戶端方法的其他數(shù)據(jù)。

>

的頁(yè)面上的多個(gè)元素Drupal 8中的頁(yè)面上的多個(gè)元素,您可以在AJAX響應(yīng)對(duì)像中返回多個(gè)命令。每個(gè)命令應(yīng)指定要更新的元素和要執(zhí)行的操作。這些命令將以將它們添加到響應(yīng)對(duì)象的順序中執(zhí)行。
> Drupal 8中的頁(yè)面上的元素,您可以使用“替換”命令。此命令需要兩個(gè)參數(shù):要替換元素的選擇器和新內(nèi)容。選擇器可以是任何有效的jQuery選擇器。
>
>使用ajax將內(nèi)容插入Drupal 8中的頁(yè)面,您可以使用“插入”命令。此命令需要兩個(gè)參數(shù):將插入內(nèi)容的元素的選擇器和新內(nèi)容??梢栽谒x元素之前,之後或內(nèi)部插入內(nèi)容。
>我如何使用Ajax在Drupal 8?
>如何使用Ajax重定向到Drupal 8中的其他頁(yè)面。使用“重定向”命令。此命令需要一個(gè)參數(shù):重定向到頁(yè)面的URL。 URL可以是任何有效的URL。
首頁(yè) 後端開發(fā) php教程 在Drupal 8中使用AJAX表格

在Drupal 8中使用AJAX表格

Feb 17, 2025 pm 12:53 PM

在Drupal 8中使用AJAX表格

鑰匙要點(diǎn)

  • > Drupal 8 Ajax API允許無需JavaScript代碼清潔,用戶友好的表單。這可以通過消除表格的某些行為來實(shí)現(xiàn)。
  • >
  • >可以將電子郵件驗(yàn)證邏輯移至AJAX回調(diào),該回調(diào)觸發(fā)驗(yàn)證並打印消息而無需提交表單。這是形式的常見行為,是理解Drupal 8中Ajax的良好練習(xí)。
  • ajax API允許自定義形式行為。表單類中的AJAX回調(diào)方法接收表單數(shù)組和表單狀態(tài)對(duì)象,執(zhí)行驗(yàn)證並根據(jù)驗(yàn)證結(jié)果返回帶有多個(gè)命令的AJAX響應(yīng)。 >
  • ajax也可以在表單外部的drupal 8中使用,例如將use-ajax類添加到任何鏈接中。這允許Drupal在單擊鏈接時(shí)向HREF屬性中的URL提出AJAX請(qǐng)求,返回AJAX命令並根據(jù)需要執(zhí)行各種操作。
  • 在本文中,我將向您展示使用Drupal 8 Ajax API的干淨(jìng)方法,而無需編寫一行JavaScript代碼。為此,我們將回到上一篇文章中為Drupal 8構(gòu)建的第一個(gè)自定義表單,並
  • ajaxify
它的某些行為,以使其更加用戶友好。

>該表格的更新版本可以在此存儲(chǔ)庫(kù)中以名稱DemoForm(演示模塊)找到。我們?cè)诒疚闹芯帉懙拇a也可以在此處找到,但在一個(gè)稱為Ajax的單獨(dú)分支中。我建議您克隆回購(gòu),並在開發(fā)環(huán)境中安裝模塊。

在Drupal 8中使用AJAX表格 DemoForm

>儘管命名較差,但該模型在說明Drupal 8中編寫自定義表單的基礎(chǔ)方面非常有幫助。它處理驗(yàn)證,配置並體現(xiàn)了通常的API的使用。當(dāng)然,它專注於基礎(chǔ)知識(shí),沒有任何壯觀的事情。

>如果您記得或檢查代碼,您會(huì)看到該表格顯示一個(gè)單一的文本字段,負(fù)責(zé)收集以保存為配置的電子郵件地址。表單驗(yàn)證負(fù)責(zé)確保提交的電子郵件具有.com結(jié)尾(對(duì)此進(jìn)行了不良嘗試,但足以說明表單驗(yàn)證的原則)。因此,當(dāng)用戶提交表單時(shí),他們將新的電子郵件地址保存到配置中,並將確認(rèn)消息打印到屏幕上。

在本文中,我們將將電子郵件驗(yàn)證邏輯移至AJAX回調(diào),以便在用戶完成鍵入電子郵件地址後,驗(yàn)證將自動(dòng)觸發(fā),並在不提交表單的情況下打印了消息。同樣,這種行為沒有什麼壯觀的,您會(huì)經(jīng)常以野外形式看到它(通常是為了驗(yàn)證用戶名)。但這是在Drupal 8中查看Ajax的一個(gè)很好的練習(xí)。

>

ajax form

我們需要做的第一件事是將電子郵件驗(yàn)證邏輯從一般validateForm()移動(dòng)到僅處理此方面的方法:

<span>/**
</span><span> * Validates that the email field is correct.
</span><span> */
</span><span>protected function validateEmail(array &$form, FormStateInterface $form_state) {
</span>  <span>if (substr($form_state->getValue('email'), -4) !== '.com') {
</span>    <span>return FALSE;
</span>  <span>}
</span>  <span>return TRUE;
</span><span>}</span>

您可能會(huì)注意到,我們還對(duì)邏輯進(jìn)行了一些更改,以確保電子郵件地址以.com

結(jié)束。 然後,我們可以從主要驗(yàn)證方法中遵守此邏輯,以確保我們的現(xiàn)有行為仍然有效:

即使我們的表單以某種方式提交(通過程序或其他方式),
<span>/**
</span><span> * <span>{@inheritdoc}
</span></span><span> */
</span><span>public function validateForm(array &$form, FormStateInterface $form_state) {
</span>  <span>// Validate email.
</span>  <span>if (!$this->validateEmail($form, $form_state)) {
</span>    <span>$form_state->setErrorByName('email', $this->t('This is not a .com email address.'));
</span>  <span>}
</span><span>}</span>
即使我們的表格仍將運(yùn)行。

接下來,我們需要轉(zhuǎn)到我們的表單定義,特別是電子郵件字段,並根據(jù)用戶互動(dòng)使其觸發(fā)Ajax請(qǐng)求。這將是用戶更改字段價(jià)值並從中刪除焦點(diǎn)的行為:>

我們?cè)谶@裡做的新工作是用一些相關(guān)鍵向數(shù)組中添加#AJAX鍵。此外,我們?cè)诒韱卧刂崽砑恿艘恍?biāo)記,作為有關(guān)電子郵件有效性的簡(jiǎn)短消息包裝器。
<span>$form['email'] = array(
</span>  <span>'#type' => 'email',
</span>  <span>'#title' => $this->t('Your .com email address.'),
</span>  <span>'#default_value' => $config->get('demo.email_address'),
</span>  <span>'#ajax' => [
</span>    <span>'callback' => array($this, 'validateEmailAjax'),
</span>    <span>'event' => 'change',
</span>    <span>'progress' => array(
</span>      <span>'type' => 'throbber',
</span>      <span>'message' => t('Verifying email...'),
</span>    <span>),
</span>  <span>],
</span>  <span>'#suffix' => '<span ></span>'
</span><span>);</span>
。

> #AJAX數(shù)組內(nèi)部的回調(diào)指向我們的表單類(ValidateMailajax())中的方法,而事件將javaScript綁定到此表單元素的jQuery Change事件中。另外,您還可以指定一個(gè)路徑密鑰,而不是回調(diào),但是在我們的情況下,這意味著還必須設(shè)置一個(gè)似乎冗餘的路由和控制器。而且我們不希望包裝器密鑰,因?yàn)槲覀儾淮蛩闾畛鋷в蟹祷貎?nèi)容的區(qū)域,而是想詳細(xì)介紹回調(diào)所產(chǎn)生的操作。為此,我們將使用ajax命令。

要了解所有這些,我鼓勵(lì)您查閱AJAX API頁(yè)面或AJAX的表格API條目。您可以使用少數(shù)其他選項(xiàng)來進(jìn)一步自定義表單元素的Ajax行為。

>

>現(xiàn)在是時(shí)候在我們的表單類中寫下回調(diào)方法了。這將接收$ form array和$ form_state對(duì)象,作為來自觸發(fā)ajax請(qǐng)求的表單的參數(shù):>

簡(jiǎn)單地說,在此方法中,我們執(zhí)行驗(yàn)證並返回帶有多個(gè)命令的AJAX響應(yīng),這些命令取決於驗(yàn)證結(jié)果。使用CSSCommand,我們將一些CSS直接應(yīng)用於電子郵件表單元素,而使用HTMLCommand,我們替換了指定的選擇器的內(nèi)容(請(qǐng)記住我們的表單元素中的後綴嗎?)。

<span>/**
</span><span> * Ajax callback to validate the email field.
</span><span> */
</span><span>public function validateEmailAjax(array &$form, FormStateInterface $form_state) {
</span>  <span>$valid = $this->validateEmail($form, $form_state);
</span>  <span>$response = new AjaxResponse();
</span>  <span>if ($valid) {
</span>    <span>$css = ['border' => '1px solid green'];
</span>    <span>$message = $this->t('Email ok.');
</span>  <span>}
</span>  <span>else {
</span>    <span>$css = ['border' => '1px solid red'];
</span>    <span>$message = $this->t('Email not valid.');
</span>  <span>}
</span>  <span>$response->addCommand(new CssCommand('#edit-email', $css));
</span>  <span>$response->addCommand(new HtmlCommand('.email-valid-message', $message));
</span>  <span>return $response;
</span><span>}</span>
這些命令幾乎將其映射到j(luò)Query函數(shù),因此它們很容易掌握。您可以在此頁(yè)面上找到所有可用命令的列表。而且,由於我們?cè)诖朔椒ㄖ惺褂昧巳齻€(gè)新類,因此我們必須記住

在頂部使用:
<span>/**
</span><span> * Validates that the email field is correct.
</span><span> */
</span><span>protected function validateEmail(array &$form, FormStateInterface $form_state) {
</span>  <span>if (substr($form_state->getValue('email'), -4) !== '.com') {
</span>    <span>return FALSE;
</span>  <span>}
</span>  <span>return TRUE;
</span><span>}</span>

>就是這樣。如果您清除緩存並重新加載表單,則輸入電子郵件字段並刪除焦點(diǎn)將觸發(fā)回調(diào)以驗(yàn)證電子郵件地址。您會(huì)注意到那裡的小動(dòng)物圖標(biāo)(可以在定義中更改)以及我們定義的簡(jiǎn)短消息。 a正確的電子郵件地址應(yīng)以綠色突出顯示字段,並在相反的顏色紅色時(shí)打印出確定的消息。

如果我們?cè)诒韱卧囟x中指定了包裝器,我們本可以返回某些內(nèi)容(或渲染數(shù)組),這些內(nèi)容將放置在該選擇器內(nèi)部。因此,您可以選擇在返回內(nèi)容或AJAX命令之間進(jìn)行選擇,但我建議在大多數(shù)情況下使用後者,因?yàn)樗鼈兲峁┝烁`活(且一致)的行為。

結(jié)論

在本文中,我們看到了使用Ajax改善我們的表單並使最終用戶更友好的示例。我們已經(jīng)寫了零行的javaScript行以實(shí)現(xiàn)這一目標(biāo)。

> 在我們的情況下,這確實(shí)是一個(gè)偏好或fancification

>表格是您在Drupal 8中看到Ajax的主要領(lǐng)域,但是您可以在不編寫JavaScript的情況下利用它的其他幾種方法。

>曾經(jīng)是不錯(cuò)的方法是在任何鏈接上添加使用ajax類。每當(dāng)單擊鏈接時(shí),這將在HREF屬性中向URL提出Drupal請(qǐng)求。從回調(diào)中,您可以返回AJAX命令並根據(jù)需要執(zhí)行各種操作。但是請(qǐng)記住,jQuery和其他核心腳本並未在匿名用戶的所有頁(yè)面上加載(因此,Ajax將優(yōu)雅地降低到常規(guī)鏈接行為)。因此,請(qǐng)確保如果需要此行為,請(qǐng)確保為匿名用戶包含這些腳本。 > 在Drupal 8表格中使用Ajax的常見問題

>如何在Drupal 8表格中實(shí)現(xiàn)Ajax?首先,您需要定義一個(gè)包含AJAX回調(diào)的表單。這可以通過表格的buildform方法完成。應(yīng)將“ #AJAX”屬性添加到將觸發(fā)Ajax請(qǐng)求的表單元素中。該屬性是一個(gè)包括“回調(diào)”密鑰的數(shù)組,該數(shù)組指定觸發(fā)表單元素時(shí)要調(diào)用的方法?;卣{(diào)方法應(yīng)返回一個(gè)ajax響應(yīng)對(duì)象,該對(duì)象定義了頁(yè)面上應(yīng)更新的內(nèi)容。

>

如何在drupal 8?

中創(chuàng)建一個(gè)自定義AJAX命令來創(chuàng)建Drupal 8中的自定義AJAX命令,您需要?jiǎng)?chuàng)建一個(gè)實(shí)現(xiàn)CommandInterface的新類。該類應(yīng)定義一種渲染方法,該方法返回帶有以下鍵的數(shù)組:“命令”,這是命令的名稱和“方法”,這是在客戶端端被調(diào)用的方法。該數(shù)組還可以包含將傳遞給客戶端方法的其他數(shù)據(jù)。

>

>我如何處理drupal 8?

>

處理drupal 8中的ajax錯(cuò)誤使用表單元素的“ #AJAX”屬性中的“錯(cuò)誤”密鑰。此密鑰指定了一種回調(diào)方法,如果在AJAX請(qǐng)求期間發(fā)生錯(cuò)誤,該鍵將被調(diào)用?;卣{(diào)方法應(yīng)返回一個(gè)定義如何處理錯(cuò)誤的ajax響應(yīng)對(duì)象。

>我如何使用ajax更新drupal 8?

的頁(yè)面上的多個(gè)元素Drupal 8中的頁(yè)面上的多個(gè)元素,您可以在AJAX響應(yīng)對(duì)像中返回多個(gè)命令。每個(gè)命令應(yīng)指定要更新的元素和要執(zhí)行的操作。這些命令將以將它們添加到響應(yīng)對(duì)象的順序中執(zhí)行。

>

>我如何使用ajax替換drupal 8?

>

> Drupal 8中的頁(yè)面上的元素,您可以使用“替換”命令。此命令需要兩個(gè)參數(shù):要替換元素的選擇器和新內(nèi)容。選擇器可以是任何有效的jQuery選擇器。

>

我如何使用ajax從drupal 8?

中的頁(yè)面中刪除元素,您可以使用“刪除”命令。此命令需要一個(gè)參數(shù):要?jiǎng)h除元素的選擇器。選擇器可以是任何有效的jQuery選擇器。

>

我如何使用ajax將內(nèi)容插入drupal 8?

>

>使用ajax將內(nèi)容插入Drupal 8中的頁(yè)面,您可以使用“插入”命令。此命令需要兩個(gè)參數(shù):將插入內(nèi)容的元素的選擇器和新內(nèi)容??梢栽谒x元素之前,之後或內(nèi)部插入內(nèi)容。

>

>我如何使用Ajax在Drupal 8?

中顯示警報(bào)消息,使用Ajax在Drupal 8中顯示警報(bào)消息,您可以使用“警報(bào)”命令。此命令需要一個(gè)參數(shù):要顯示消息。該消息可以是任何有效的字符串。

>如何使用Ajax重定向到Drupal 8中的其他頁(yè)面。使用“重定向”命令。此命令需要一個(gè)參數(shù):重定向到頁(yè)面的URL。 URL可以是任何有效的URL。

以上是在Drupal 8中使用AJAX表格的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章!

本網(wǎng)站聲明
本文內(nèi)容由網(wǎng)友自願(yuàn)投稿,版權(quán)歸原作者所有。本站不承擔(dān)相應(yīng)的法律責(zé)任。如發(fā)現(xiàn)涉嫌抄襲或侵權(quán)的內(nèi)容,請(qǐng)聯(lián)絡(luò)admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費(fèi)脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6

Dreamweaver CS6

視覺化網(wǎng)頁(yè)開發(fā)工具

SublimeText3 Mac版

SublimeText3 Mac版

神級(jí)程式碼編輯軟體(SublimeText3)

如何在PHP中實(shí)施身份驗(yàn)證和授權(quán)? 如何在PHP中實(shí)施身份驗(yàn)證和授權(quán)? Jun 20, 2025 am 01:03 AM

tosecurelyhandleauthenticationandationallizationInphp,lofterTheSesteps:1.AlwaysHashPasswordSwithPassword_hash()andverifyusingspasspassword_verify(),usepreparedStatatementStopreventsqlineptions,andStoreSeruserDatain usseruserDatain $ _sessiveferterlogin.2.implementrole-2.imaccessccsccccccccccccccccccccccccc.

如何在PHP中安全地處理文件上傳? 如何在PHP中安全地處理文件上傳? Jun 19, 2025 am 01:05 AM

要安全處理PHP中的文件上傳,核心在於驗(yàn)證文件類型、重命名文件並限制權(quán)限。 1.使用finfo_file()檢查真實(shí)MIME類型,僅允許特定類型如image/jpeg;2.用uniqid()生成隨機(jī)文件名,存儲(chǔ)至非Web根目錄;3.通過php.ini和HTML表單限製文件大小,設(shè)置目錄權(quán)限為0755;4.使用ClamAV掃描惡意軟件,增強(qiáng)安全性。這些步驟有效防止安全漏洞,確保文件上傳過程安全可靠。

PHP中==(鬆散比較)和===(嚴(yán)格的比較)之間有什麼區(qū)別? PHP中==(鬆散比較)和===(嚴(yán)格的比較)之間有什麼區(qū)別? Jun 19, 2025 am 01:07 AM

在PHP中,==與===的主要區(qū)別在於類型檢查的嚴(yán)格程度。 ==在比較前會(huì)進(jìn)行類型轉(zhuǎn)換,例如5=="5"返回true,而===要求值和類型都相同才會(huì)返回true,例如5==="5"返回false。使用場(chǎng)景上,===更安全應(yīng)優(yōu)先使用,==僅在需要類型轉(zhuǎn)換時(shí)使用。

如何在PHP( - , *, /,%)中執(zhí)行算術(shù)操作? 如何在PHP( - , *, /,%)中執(zhí)行算術(shù)操作? Jun 19, 2025 pm 05:13 PM

PHP中使用基本數(shù)學(xué)運(yùn)算的方法如下:1.加法用 號(hào),支持整數(shù)和浮點(diǎn)數(shù),也可用於變量,字符串?dāng)?shù)字會(huì)自動(dòng)轉(zhuǎn)換但不推薦依賴;2.減法用-號(hào),變量同理,類型轉(zhuǎn)換同樣適用;3.乘法用*號(hào),適用於數(shù)字及類似字符串;4.除法用/號(hào),需避免除以零,並註意結(jié)果可能是浮點(diǎn)數(shù);5.取模用%號(hào),可用於判斷奇偶數(shù),處理負(fù)數(shù)時(shí)餘數(shù)符號(hào)與被除數(shù)一致。正確使用這些運(yùn)算符的關(guān)鍵在於確保數(shù)據(jù)類型清晰並處理好邊界情況。

如何與PHP的NOSQL數(shù)據(jù)庫(kù)(例如MongoDB,Redis)進(jìn)行交互? 如何與PHP的NOSQL數(shù)據(jù)庫(kù)(例如MongoDB,Redis)進(jìn)行交互? Jun 19, 2025 am 01:07 AM

是的,PHP可以通過特定擴(kuò)展或庫(kù)與MongoDB和Redis等NoSQL數(shù)據(jù)庫(kù)交互。首先,使用MongoDBPHP驅(qū)動(dòng)(通過PECL或Composer安裝)創(chuàng)建客戶端實(shí)例並操作數(shù)據(jù)庫(kù)及集合,支持插入、查詢、聚合等操作;其次,使用Predis庫(kù)或phpredis擴(kuò)展連接Redis,執(zhí)行鍵值設(shè)置與獲取,推薦phpredis用於高性能場(chǎng)景,Predis則便於快速部署;兩者均適用於生產(chǎn)環(huán)境且文檔完善。

我如何了解最新的PHP開發(fā)和最佳實(shí)踐? 我如何了解最新的PHP開發(fā)和最佳實(shí)踐? Jun 23, 2025 am 12:56 AM

TostaycurrentwithPHPdevelopmentsandbestpractices,followkeynewssourceslikePHP.netandPHPWeekly,engagewithcommunitiesonforumsandconferences,keeptoolingupdatedandgraduallyadoptnewfeatures,andreadorcontributetoopensourceprojects.First,followreliablesource

什麼是PHP,為什麼它用於Web開發(fā)? 什麼是PHP,為什麼它用於Web開發(fā)? Jun 23, 2025 am 12:55 AM

PHPbecamepopularforwebdevelopmentduetoitseaseoflearning,seamlessintegrationwithHTML,widespreadhostingsupport,andalargeecosystemincludingframeworkslikeLaravelandCMSplatformslikeWordPress.Itexcelsinhandlingformsubmissions,managingusersessions,interacti

如何設(shè)置PHP時(shí)區(qū)? 如何設(shè)置PHP時(shí)區(qū)? Jun 25, 2025 am 01:00 AM

tosetTherightTimeZoneInphp,restate_default_timezone_set()functionAtthestArtofyourscriptWithavalIdidentIdentifiersuchas'america/new_york'.1.usedate_default_default_timezone_set_set()

See all articles