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不用内置函数对数组排序的两个算法代码
Feb 08 PHP
php数组的概述及分类与声明代码演示
Feb 26 PHP
php 深入理解strtotime函数的使用详解
May 23 PHP
解析关于java,php以及html的所有文件编码与乱码的处理方法汇总
Jun 24 PHP
php中的PHP_EOL换行符详细解析
Oct 26 PHP
C/S和B/S两种架构区别与优缺点分析
Oct 23 PHP
php通过array_merge()函数合并两个数组的方法
Mar 18 PHP
php车辆违章查询数据示例
Oct 14 PHP
thinkPHP批量删除的实现方法分析
Nov 09 PHP
浅谈PHP中关于foreach使用引用变量的坑
Nov 14 PHP
Laravel框架路由和控制器的绑定操作方法
Jun 12 PHP
PHP微信H5支付开发实例
Jul 25 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.ini-dist 和 php.ini-recommended 的区别介绍(方便开发与安全的朋友)
2012/07/01 PHP
php中的PHP_EOL换行符详细解析
2013/10/26 PHP
javascript读取RSS数据
2007/01/20 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
JavaScript中使用document.write向页面输出内容实例
2014/10/16 Javascript
javascript 动态创建表格
2015/01/08 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
js实现文件上传表单域美化特效
2015/11/02 Javascript
JS实现的倒计时效果实例(2则实例)
2015/12/23 Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
2016/01/10 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
js 中文汉字转Unicode、Unicode转中文汉字、ASCII转换Unicode、Unicode转换ASCII、中文转换
2016/12/06 Javascript
AngularJS 应用模块化的使用
2018/04/04 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
2019/01/19 Javascript
php结合js实现多条件组合查询
2019/05/28 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
2019/11/09 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
2020/04/14 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
Python中用pycurl监控http响应时间脚本分享
2015/02/02 Python
python使用Matplotlib绘制分段函数
2018/09/25 Python
python3爬虫学习之数据存储txt的案例详解
2019/04/24 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
详解三种方式实现平滑滚动页面到顶部的功能
2019/04/23 HTML / CSS
巴西Mr. Cat在线商店:购买包包和鞋子
2019/09/08 全球购物
品恩科技软件测试面试题
2014/10/26 面试题
创业计划书模版
2014/02/05 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
食品科学与工程专业毕业生求职信范文
2014/07/21 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
安装pytorch时报sslerror错误的解决方案
2021/05/17 Python
Python打包exe时各种异常处理方案总结
2021/05/18 Python
MySQL索引是啥?不懂就问
2021/07/21 MySQL