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 相关文章推荐
用Flash图形化数据(一)
Oct 09 PHP
php addslashes 函数详细分析说明
Jun 23 PHP
PHP求小于1000的所有水仙花数的代码
Jan 10 PHP
php简单开启gzip压缩方法(zlib.output_compression)
Apr 13 PHP
php 判断是否是中文/英文/数字示例代码
Sep 30 PHP
codeigniter教程之多文件上传使用示例
Feb 11 PHP
PHP文件缓存smarty模板应用实例分析
Feb 26 PHP
PHP 7.0新增加的特性介绍
Jun 08 PHP
PHP实践教程之过滤、验证、转义与密码详解
Jul 24 PHP
PHP多维数组排序array详解
Nov 21 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
Sep 30 PHP
YII2 全局异常处理深入讲解
Mar 24 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
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
PHP include任意文件或URL介绍
2014/04/29 PHP
php+mysqli实现将数据库中一张表信息打印到表格里的方法
2015/01/28 PHP
PHP实现无限级分类(不使用递归)
2015/10/22 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
PHP 实现链式操作
2021/03/09 PHP
ext监听事件方法[初级篇]
2008/04/27 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
动态加载js、css等文件跨iframe实现
2014/02/24 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2014/09/04 Javascript
jquery插件validation实现验证身份证号等
2015/06/04 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
JavaScript中setTimeout的那些事儿
2016/11/14 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
2018/01/13 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
node全局变量__dirname与__filename的区别
2019/01/14 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
jquery+php后台实现省市区联动功能示例
2019/05/23 jQuery
layui table去掉右侧滑动条的实现方法
2019/09/05 Javascript
windows下ipython的安装与使用详解
2016/10/20 Python
Python+tkinter使用80行代码实现一个计算器实例
2018/01/16 Python
PyCharm在新窗口打开项目的方法
2019/01/17 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
python 中值滤波,椒盐去噪,图片增强实例
2019/12/18 Python
如何解决pycharm调试报错的问题
2020/08/06 Python
详解python中的异常捕获
2020/12/15 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
MYPROTEIN澳大利亚官方网站:欧洲运动营养品牌
2019/06/26 全球购物
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
网络维护管理员的自我评价分享
2013/11/11 职场文书
会计应聘求职信范文
2013/12/17 职场文书
集体生日活动方案
2014/08/18 职场文书
Java结构型设计模式之组合模式详解
2022/09/23 Java/Android