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基础知识:类与对象(1)
Dec 13 PHP
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
Jun 29 PHP
深入解读php中关于抽象(abstract)类和抽象方法的问题分析
Jan 03 PHP
php获得url参数中具有&amp;的值的方法
Mar 05 PHP
PHP向socket服务器收发数据的方法
Jan 24 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
Mar 18 PHP
php连接mysql数据库
Mar 21 PHP
PHP receiveMail实现收邮件功能
Apr 25 PHP
php基于 swoole 实现的异步处理任务功能示例
Aug 13 PHP
laravel validate 设置为中文的例子(验证提示为中文)
Sep 29 PHP
Laravel validate error处理,ajax,json示例
Oct 25 PHP
PHP如何使用JWT做Api接口身份认证的实现
Feb 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
jquery+php+ajax显示上传进度的多图片上传并生成缩略图代码
2014/10/15 PHP
JavaScript 变量基础知识
2009/11/07 Javascript
Javascript中自动切换焦点实现代码
2012/12/15 Javascript
Js参数值中含有单引号或双引号问题的解决方法
2013/11/06 Javascript
Jquery中request和request.form和request.querystring的区别
2015/11/26 Javascript
jQuery EasyUI 获取tabs的实例解析
2016/12/06 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
2016/12/28 Javascript
vue.js  父向子组件传参的实例代码
2017/10/29 Javascript
微信小程序实现展示评分结果功能
2019/02/15 Javascript
layer.open回调获取弹出层参数的实现方法
2019/09/10 Javascript
如何基于原生javaScript生成带图片的二维码
2019/11/21 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
原生js实现下拉框选择组件
2021/01/20 Javascript
js中实现继承的五种方法
2021/01/25 Javascript
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
零基础写python爬虫之urllib2中的两个重要概念:Openers和Handlers
2014/11/05 Python
python中requests模块的使用方法
2015/04/08 Python
python创建和删除目录的方法
2015/04/29 Python
python3调用R的示例代码
2018/02/23 Python
python如何读写csv数据
2018/03/21 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
Python3 Click模块的使用方法详解
2020/02/12 Python
Python计算信息熵实例
2020/06/18 Python
Keras 中Leaky ReLU等高级激活函数的用法
2020/07/05 Python
python 多线程爬取壁纸网站的示例
2021/02/20 Python
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
机械工程师求职自我评价
2013/09/23 职场文书
应届护士求职信范文
2014/01/26 职场文书
人力资源部经理助理岗位职责
2014/03/04 职场文书
法人代表委托书
2014/04/04 职场文书
初二学习计划书范文
2014/04/27 职场文书
园艺师求职信
2014/04/27 职场文书
2014组织生活会方案
2014/05/19 职场文书
教师职业道德事迹材料
2014/08/18 职场文书
合同审查法律意见书
2015/06/04 职场文书