目錄
twig里使用js变量的方法,twig使用js变量
您可能感兴趣的文章:
首頁 後端開發 php教程 twig里使用js变量的方法,twig使用js变量_PHP教程

twig里使用js变量的方法,twig使用js变量_PHP教程

Jul 12, 2016 am 08:59 AM
twig

twig里使用js变量的方法,twig使用js变量

本文实例讲述了twig里使用js变量的方法的方法。分享给大家供大家参考,具体如下:

先看一段代码

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(#my_input).change(function(){
      var value = jQuery(#my_input).val();
      jQuery.ajax({
        url: {{ path('ParteAccidentes_ajax', {'emergencia': value}) }},
        timeout: 5000,
        success: function(data) {
          alert('ok');
        },
        error: function() {
          alert('mal');
        }
      });
    });
  });
</script>

登入後複製

这个ajax请求的地址,无法正常正常访问。

这段代码里 jQuery("#my_input").val()的值赋值给value,然后想把value这个变量引入到ajax里的url地址里。

这时候你会发现,你访问的这个地址,value的值并未引入进来,而是把当做字符串进行处理。

也就是说js的值,是不能直接引用到twig里的。

原因是,twig解析的是php变量,而value是js变量,所以twig 默认认为是个字符串。

所以我们需要进行替换,就要用到replace

代码如下,大家可以和上面的代码自行对比:

<script type="text/javascript">
  jQuery(document).ready(function(){
    jQuery(#my_input).change(function(){
      var value = jQuery(#my_input).val();
      var url = "{{ path('ParteAccidentes_ajax', {'emergencia': 'text'}) }}";
      url = url.replace("text", value);
      jQuery.ajax({
        url: url,
        timeout: 5000,
        success: function(data) {
          alert('ok');
        },
        error: function() {
          alert('mal');
        }
      });
    });
  });
</script>

登入後複製

本文永久地址:http://blog.it985.com/7020.html
本文出自 IT985博客 ,转载时请注明出处及相应链接。

更多关于PHP模板相关内容感兴趣的读者可查看本站专题:《PHP模板技术总结》、《smarty模板入门基础教程》、《codeigniter入门教程》及《ThinkPHP入门教程》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

  • twig模板常用语句实例小结
  • Twig模板引擎用法入门教程
  • 在Yii框架中使用PHP模板引擎Twig的例子
  • twig模板获取全局变量的方法

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1099083.htmlTechArticletwig里使用js变量的方法,twig使用js变量 本文实例讲述了twig里使用js变量的方法的方法。分享给大家供大家参考,具体如下: 先看一段代码...
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

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

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

如何在CakePHP中使用Twig? 如何在CakePHP中使用Twig? Jun 05, 2023 pm 07:51 PM

在CakePHP中使用Twig是一種將模板和視圖分開的方法,能夠使程式碼更加模組化和可維護,本文將介紹如何在CakePHP中使用Twig。一、安裝Twig先在專案中安裝Twig函式庫,可以使用Composer來完成這個任務。在控制台中執行以下指令:composerrequire"twig/twig:^2.0"這個指令會在專案的vendor

PHP8.0中的範本庫:Twig PHP8.0中的範本庫:Twig May 14, 2023 am 08:40 AM

PHP8.0中的範本庫:TwigTwig是一款目前廣泛用於PHPWeb應用程式中的範本庫,具有可讀性高、易於使用和可擴充性強等特點。 Twig使用簡單易懂的語法,可以幫助Web開發人員以清晰、有序的方式組織和輸出HTML,XML,JSON等文字格式。本篇文章將為您介紹Twig的基本語法和特點以及它在PHP8.0中的使用。 Twig的基本語法Twig採用類似P

如何在PHP中使用Twig模板引擎進行Web開發 如何在PHP中使用Twig模板引擎進行Web開發 Jun 25, 2023 pm 04:03 PM

隨著Web開發技術的不斷發展,越來越多的開發者開始尋找更靈活、更有效率的模板引擎來進行Web應用的開發。其中,Twig是一款十分優秀、流行的PHP模板引擎,它基於Symfony框架開發並支援無限擴展,非常適合用於建立複雜的Web應用程式。本篇文章將介紹如何在PHP中使用Twig模板引擎進行Web開發。一、Twig範本引擎簡介Twig是由FabienPoten

使用Twig和Timber圖像、選單和用戶,快速啟動WordPress開發 使用Twig和Timber圖像、選單和用戶,快速啟動WordPress開發 Sep 04, 2023 pm 03:37 PM

到目前為止,您已經了解了透過Timber使用Twig的基本概念,同時建立了模組化WordPress主題。我們也基於DRY原則,使用Twig研究了區塊嵌套和多重繼承。今天,我們將探討如何透過Timber外掛程式使用Twig在主題中顯示附件圖像、WordPress選單和使用者。木材中的圖像圖像是任何WordPress主題的重要元素之一。在常規的WordPress編碼實務中,影像與PHP整合在正常的HTML影像標籤內。但是,Timber提供了一種相當全面的方法來處理img(圖像)標籤,該方法是模組化且乾淨的。

PHP中的高級皮膚:如何使用Twig PHP中的高級皮膚:如何使用Twig Jun 19, 2023 pm 04:03 PM

在Web開發中,頁面的呈現是至關重要的。對於PHP開發人員,他們在開發動態網站時,容易深陷在大量的HTML標記和PHP程式碼中。而一旦需要修改樣式或佈局,就必須一再修改程式碼,這樣的維護成本極高。為了解決這個問題,現代的PHP框架通常提供了一個模板引擎。其中,Twig是其中一個較為流行的模板引擎。在本文中,我們將介紹如何以及為什麼使用Twig來進行PHP

如何在CodeIgniter框架中使用模板引擎Twig? 如何在CodeIgniter框架中使用模板引擎Twig? Jun 03, 2023 pm 12:51 PM

隨著開源和Web開發的不斷發展,開發者們對於各種框架、工具和技術的需求不斷增長。眾所周知,CodeIgniter是最受歡迎的PHP框架之一。在其基礎上,結合現代的模板引擎Twig,可以快速易用地建立高品質的Web應用程式。因此,本文將介紹如何在CodeIgniter框架中如何使用Twig模板引擎。一、什麼是TwigTwig是一個現代的、優雅的、靈活的PHP模板

使用Twig:塊和嵌套,快速啟動WordPress開發 使用Twig:塊和嵌套,快速啟動WordPress開發 Aug 31, 2023 pm 06:29 PM

在上一篇文章中,我介紹了透過Timber將Twig模板引擎與WordPress整合以及開發人員如何將PHP檔案中的資料傳送到Twig檔案。讓我們討論如何使用Twig建立基本範本、這種DRY技術的優點以及Timber-TwigWordPressCheatsheet。在Twig中建立基本範本Twig遵循DRY(不要重複自己)原則。 Twig最重要的功能之一是具有嵌套和多重繼承的基本範本。雖然大多數人以線性方式使用PHP包含,但您可以建立無限層級的巢狀區塊來專門控制您的頁面模板。將您的基本範本視為其中包含

如何在Silex框架中使用模板引擎Twig? 如何在Silex框架中使用模板引擎Twig? Jun 03, 2023 am 09:21 AM

在Web開發過程中,使用模板引擎可以大幅減輕前端開發工作量,同時也增強了Web應用的可維護性。 Twig是一款受歡迎的PHP模板引擎,它具有簡潔易讀、可擴展性強等特點。本文將介紹如何在Silex框架中使用Twig模板引擎。安裝Twig首先,我們需要使用Composer安裝Twig。進入專案目錄,執行以下指令:composerrequiretwig/twig

See all articles