twig里使用js變量的方法
本文實(shí)例講述了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>
這個(gè)ajax請(qǐng)求的地址,無法正常正常訪問。
這段代碼里 jQuery("#my_input").val()的值賦值給value,然后想把value這個(gè)變量引入到ajax里的url地址里。
這時(shí)候你會(huì)發(fā)現(xiàn),你訪問的這個(gè)地址,value的值并未引入進(jìn)來,而是把當(dāng)做字符串進(jìn)行處理。
也就是說js的值,是不能直接引用到twig里的。
原因是,twig解析的是php變量,而value是js變量,所以twig 默認(rèn)認(rèn)為是個(gè)字符串。
所以我們需要進(jìn)行替換,就要用到replace
代碼如下,大家可以和上面的代碼自行對(duì)比:
<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博客 ,轉(zhuǎn)載時(shí)請(qǐng)注明出處及相應(yīng)鏈接。
更多關(guān)于PHP模板相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《PHP模板技術(shù)總結(jié)》、《smarty模板入門基礎(chǔ)教程》、《codeigniter入門教程》及《ThinkPHP入門教程》
希望本文所述對(duì)大家PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
Laravel 4 初級(jí)教程之Pages、表單驗(yàn)證
本篇教程是本系列的完結(jié)篇,要做的是Pages的詳細(xì)管理功能,表單驗(yàn)證以及命名空間的深度使用,和一個(gè)更好用的通知組件,并且布置一個(gè)簡(jiǎn)單的大作業(yè)。2014-10-10ThinkPHP3.2.3框架Memcache緩存使用方法實(shí)例總結(jié)
這篇文章主要介紹了ThinkPHP3.2.3框架Memcache緩存使用方法,結(jié)合實(shí)例形式總結(jié)分析看thinkPHP框架下Memcache緩存各種調(diào)用方法與配置相關(guān)操作技巧,需要的朋友可以參考下2019-04-04PHP實(shí)現(xiàn)微信申請(qǐng)退款流程實(shí)例代碼
本篇文章給大家介紹php實(shí)現(xiàn)微信申請(qǐng)退款流程,使用到官方提供的SDK中的最重要的一個(gè)類文件WxPay.Api.php中提供的refund()方法來實(shí)現(xiàn)的,完整大家大家參考下本文2018-03-03yii2 commands模式以及配置crontab定時(shí)任務(wù)的方法
下面小編就為大家?guī)硪黄獃ii2 commands模式以及配置crontab定時(shí)任務(wù)的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08使用Yii2實(shí)現(xiàn)主從數(shù)據(jù)庫設(shè)置
大家應(yīng)該都知道,當(dāng)項(xiàng)目做大了,數(shù)據(jù)庫主從還是不可少的。使用Yii框架開發(fā),如何設(shè)置數(shù)據(jù)庫的主從呢?其實(shí)很簡(jiǎn)單。下面這篇文章就給大家詳細(xì)介紹了使用Yii2實(shí)現(xiàn)主從數(shù)據(jù)庫設(shè)置的方法,文中介紹的很詳細(xì),相信對(duì)大家的理解和學(xué)習(xí)很有幫助,下面來一起學(xué)習(xí)學(xué)習(xí)吧。2016-11-11ThinkPHP5+UEditor圖片上傳到阿里云對(duì)象存儲(chǔ)OSS功能示例
這篇文章主要介紹了ThinkPHP5+UEditor圖片上傳到阿里云對(duì)象存儲(chǔ)OSS功能,結(jié)合實(shí)例形式分析了ThinkPHP5使用富文本編輯器UEditor實(shí)現(xiàn)圖片上傳到阿里云的相關(guān)操作技巧,需要的朋友可以參考下2019-08-08thinkPHP5.1框架中Request類四種調(diào)用方式示例
這篇文章主要介紹了thinkPHP5.1框架中Request類四種調(diào)用方式,結(jié)合實(shí)例形式分析了thinkPHP5.1框架中Request類傳統(tǒng)調(diào)用、靜態(tài)調(diào)用、依賴注入及request屬性四種調(diào)用方式,需要的朋友可以參考下2019-08-08