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 相关文章推荐
Smarty安装配置方法
Apr 10 PHP
在字符串指定位置插入一段字符串的php代码
Feb 16 PHP
PHP中实现汉字转区位码应用源码实例解析
Jun 14 PHP
xss防御之php利用httponly防xss攻击
Mar 21 PHP
通过php删除xml文档内容的方法
Jan 23 PHP
PHP 返回13位时间戳的实现代码
May 13 PHP
PHP函数积累总结
Mar 19 PHP
Laravel框架文件上传功能实现方法示例
Apr 16 PHP
Yii框架学习笔记之应用组件操作示例
Nov 13 PHP
Laravel 手动开关 Eloquent 修改器的操作方法
Dec 30 PHP
phpQuery采集网页实现代码实例
Apr 02 PHP
PHP实现简单注册登录系统
Dec 28 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查询搜索引擎排名位置的代码
2010/01/05 PHP
php中explode与split的区别介绍
2012/10/03 PHP
PHP API接口必备之输出json格式数据示例代码
2017/06/27 PHP
PHP 加密 Password Hashing API基础知识点
2020/03/02 PHP
许愿墙中用到的函数
2006/10/07 Javascript
JavaScript几种形式的树结构菜单
2010/05/10 Javascript
基于jquery的lazy loader插件实现图片的延迟加载[简单使用]
2011/05/07 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
js实现页面转发功能示例代码
2013/08/05 Javascript
解析JavaScript中delete操作符不能删除的对象
2013/12/03 Javascript
浅析Node.js的Stream模块中的Readable对象
2015/07/29 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
javascript 动态生成css代码的两种方法
2017/03/17 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
详解nodejs http请求相关总结
2019/03/31 NodeJs
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
python之import机制详解
2014/07/03 Python
零基础写python爬虫之爬虫编写全记录
2014/11/06 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
查看django执行的sql语句及消耗时间的两种方法
2018/05/29 Python
Python列表常见操作详解(获取,增加,删除,修改,排序等)
2019/02/18 Python
python操作kafka实践的示例代码
2019/06/19 Python
django框架用户权限中的session缓存到redis中的方法
2019/08/06 Python
python web框架 django wsgi原理解析
2019/08/20 Python
pytorch 中pad函数toch.nn.functional.pad()的用法
2020/01/08 Python
HTML5学习心得总结(推荐)
2016/07/08 HTML / CSS
日本无添加化妆品:HABA
2016/08/18 全球购物
Marmot土拨鼠官网:美国专业户外运动品牌
2018/01/11 全球购物
Revolution Beauty美国官网:英国知名化妆品网站
2018/07/23 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
空中乘务员岗位职责
2014/03/08 职场文书
工伤事故证明
2014/10/20 职场文书
民主生活会意见
2015/06/05 职场文书
swagger如何返回map字段注释
2021/07/03 Java/Android
使用Python开发冰球小游戏
2022/04/30 Python