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 程序员也要学会使用“异常”
Jun 16 PHP
PHP mkdir()无写权限的问题解决方法
Jun 19 PHP
php网站被挂木马后的修复方法总结
Nov 06 PHP
Laravel 5.0 发布 新版本特性详解
Feb 10 PHP
PHP读取mssql json数据中文乱码的解决办法
Apr 11 PHP
JavaScript实现删除电脑的关机键
Jul 26 PHP
关于PHP内置的字符串处理函数详解
Feb 04 PHP
PHP中overload与override的区别
Feb 13 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
Sep 16 PHP
kindeditor 加入七牛云上传的实例讲解
Nov 12 PHP
PHP的mysqli_rollback()函数讲解
Jan 23 PHP
PHP实现给定一列字符,生成指定长度的所有可能组合示例
Jun 22 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
php curl常见错误:SSL错误、bool(false)
2011/12/28 PHP
php二维数组转成字符串示例
2014/02/17 PHP
php实现可用于mysql,mssql,pg数据库操作类
2014/12/13 PHP
在WordPress的文章编辑器中设置默认内容的方法
2015/12/29 PHP
MultiSelect左右选择控件的设计与实现介绍
2013/06/08 Javascript
JS模拟自动点击的简单实例
2013/08/08 Javascript
JavaScript利用append添加元素报错的解决方法
2014/07/01 Javascript
不到30行JS代码实现Excel表格的方法
2014/11/15 Javascript
牛叉的Jquery——Jquery与DOM对象的互相转换及DOM的三种操作
2015/10/29 Javascript
Prototype框架详解
2015/11/25 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
easyui-datagrid特殊字符不能显示的处理方法
2017/04/12 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
vue-cli 打包使用history模式的后端配置实例
2018/09/20 Javascript
echarts实现词云自定义形状的示例代码
2019/02/20 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
微信小程序上传帖子的实例代码(含有文字图片的微信验证)
2020/07/11 Javascript
在Vuex中Mutations修改状态操作
2020/07/24 Javascript
[01:01:52]DOTA2-DPC中国联赛定级赛 SAG vs iG BO3第二场 1月9日
2021/03/11 DOTA
Python处理Excel文件实例代码
2017/06/20 Python
python去除文件中重复的行实例
2018/06/29 Python
python利用跳板机ssh远程连接redis的方法
2019/02/19 Python
Pandas透视表(pivot_table)详解
2019/07/22 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
CSS教程:CSS3圆角属性
2009/04/02 HTML / CSS
北美三大旅游网站之一:Travelocity加拿大
2016/08/20 全球购物
C语言笔试题
2014/09/04 面试题
一份软件工程师的面试试题
2016/02/01 面试题
酒吧员工的岗位职责
2013/11/26 职场文书
《卖木雕的少年》教学反思
2014/04/11 职场文书
《开国大典》教学反思
2014/04/19 职场文书
技术比武方案
2014/05/19 职场文书
入党积极分子考察意见
2015/06/02 职场文书
导游词之河北滦平金山岭长城
2019/10/16 职场文书
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js