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模板获取全局变量的方法
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
R.E.P.O.保存文件位置:在哪里以及如何保護它?
3 週前
By DDD

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

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

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