twig里使用js变量的方法


Posted in PHP onFebruary 05, 2016

本文实例讲述了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 相关文章推荐
Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
Jun 30 PHP
PHP 设计模式之观察者模式介绍
Feb 22 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
Apr 23 PHP
php安装xdebug/php安装pear/phpunit详解步骤(图)
Dec 22 PHP
浅谈PHP链表数据结构(单链表)
Jun 08 PHP
详解PHP用substr函数截取字符串中的某部分
Dec 03 PHP
PHP将字符串首字母大小写转换的实例
Jan 21 PHP
PHP实现类似于C语言的文件读取及解析功能
Sep 01 PHP
php图片合成方法(多张图片合成一张)
Nov 25 PHP
PHP实现微信商户支付企业付款到零钱功能
Sep 30 PHP
PHP ElasticSearch做搜索实例讲解
Feb 05 PHP
PHP编程一定要改掉的5个不良习惯
Sep 18 PHP
Symfony2安装第三方Bundles实例详解
Feb 04 #PHP
Symfony2使用第三方库Upload制作图片上传实例详解
Feb 04 #PHP
Symfony2在Nginx下的配置方法图文教程
Feb 04 #PHP
Symfony2安装的方法(2种方法)
Feb 04 #PHP
Symfony生成二维码的方法
Feb 04 #PHP
twig模板常用语句实例小结
Feb 04 #PHP
Symfony2 session用法实例分析
Feb 04 #PHP
You might like
杏林同学录(五)
2006/10/09 PHP
php include的妙用,实现路径加密
2008/07/29 PHP
php实现的mongodb操作类实例
2015/04/03 PHP
SESSION存放在数据库用法实例
2015/08/08 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
为Yahoo! UI Extensions Grid增加内置的可编辑器
2007/03/10 Javascript
Javascript匿名函数的一种应用 代码封装
2010/06/27 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
2013/02/26 Javascript
jquery自定义类似$.ajax()的方法实现代码
2013/08/13 Javascript
JS获取当前网页大小以及屏幕分辨率等
2014/09/05 Javascript
jQuery实现数秒后自动提交form的方法
2015/03/05 Javascript
EXT中单击button按钮grid添加一行(光标位置可设置)的实例代码
2016/06/02 Javascript
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
[02:20]2014DOTA2西雅图邀请赛 MVP外卡赛首胜采访
2014/07/09 DOTA
python求质数的3种方法
2018/09/28 Python
Python 类,property属性(简化属性的操作),@property,property()用法示例
2019/10/12 Python
通过 Django Pagination 实现简单分页功能
2019/11/11 Python
Python文件操作方法详解
2020/02/09 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
django项目中使用云片网发送短信验证码的实现
2021/01/19 Python
HTML5 使用 sessionStorage 进行页面传值的方法
2018/07/02 HTML / CSS
iHerb台湾:维生素、保健品和健康产品
2018/01/31 全球购物
Michael Kors澳大利亚官网:世界知名的奢侈饰品和成衣设计师
2020/02/13 全球购物
俄罗斯奢侈品牌衣服、鞋子和配饰的在线商店:INTERMODA
2020/07/17 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
P/Invoke是什么
2015/07/31 面试题
动物学专业毕业生求职信
2013/10/11 职场文书
人力资源管理毕业生自荐信
2013/11/21 职场文书
机械设计及其自动化求职推荐信
2014/02/17 职场文书
酒店端午节促销方案
2014/02/18 职场文书
垃圾分类的活动方案
2014/08/15 职场文书
2014年体育部工作总结
2014/11/13 职场文书
青年联谊会致辞
2015/07/31 职场文书
简历自我评价范文
2019/04/24 职场文书
用php如何解决大文件分片上传问题
2021/07/07 PHP