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 相关文章推荐
PHP 字符串加密函数(在指定时间内加密还原字符串,超时无法还原)
Apr 28 PHP
php max_execution_time执行时间问题
Jul 17 PHP
利用php下载xls文件(自己动手写的)
Apr 18 PHP
深入浅出php socket编程
May 13 PHP
CI框架AR操作(数组形式)实现插入多条sql数据的方法
May 18 PHP
php图片添加水印例子
Jul 20 PHP
深入了解PHP中的Array数组和foreach
Nov 06 PHP
php数据库操作model类(使用__call方法)
Nov 16 PHP
PHP插件PHPMailer发送邮件功能
Feb 28 PHP
php7 安装yar 生成docker镜像
May 09 PHP
PHP实现的函数重载功能示例
Aug 03 PHP
laravel 实现登陆后返回登陆前的页面方法
Oct 03 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
Cannot modify header information错误解决方法
2008/10/08 PHP
基于xcache的配置与使用详解
2013/06/18 PHP
php实现图片缩略图的方法
2016/03/29 PHP
php使用get_class_methods()函数获取分类的方法
2016/07/20 PHP
10个值得深思的PHP面试题
2016/11/14 PHP
PHP表单验证内容是否为空的实现代码
2016/11/14 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
jQuery对象和DOM对象使用说明
2010/06/25 Javascript
jQuery UI的Dialog无法提交问题的解决方法
2011/01/11 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
浅谈JS之tagNaem和nodeName
2016/09/13 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
vue使用video.js进行视频播放功能
2019/07/18 Javascript
vue+mock.js实现前后端分离
2019/07/24 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
JS array数组检测方式解析
2020/05/19 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
[50:24]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python编程之属性和方法实例详解
2015/05/19 Python
开源软件包和环境管理系统Anaconda的安装使用
2017/09/04 Python
利用python解决mysql视图导入导出依赖的问题
2017/12/17 Python
详解django实现自定义manage命令的扩展
2019/08/13 Python
python对象转字典的两种实现方式示例
2019/11/07 Python
Python实现银行账户资金交易管理系统
2020/01/03 Python
Snapfish英国:在线照片打印和个性化照片礼品
2017/01/13 全球购物
物流专业求职计划书
2014/01/10 职场文书
教师年度考核自我鉴定
2014/01/19 职场文书
法人授权委托书范本
2014/04/04 职场文书
迎新生标语大全
2014/10/06 职场文书
致800米运动员广播稿(10篇)
2014/10/17 职场文书
《半截蜡烛》教学反思
2016/02/19 职场文书
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL
Python实现批量自动整理文件
2022/03/16 Python