目錄
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

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++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?

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

如何在PHP中使用Twig模板引擎進行Web開發

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

PHP8.0中的範本庫:Twig

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

使用Twig和Timber圖像、選單和用戶,快速啟動WordPress開發

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

PHP中的高級皮膚:如何使用Twig

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

如何在CodeIgniter框架中使用模板引擎Twig?

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

使用Twig:塊和嵌套,快速啟動WordPress開發

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

如何在Silex框架中使用模板引擎Twig?

See all articles