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 相关文章推荐
967 个函式
Oct 09 PHP
PHP默认安装产生系统漏洞
Oct 09 PHP
1.PHP简介
Oct 09 PHP
PHP fopen 读取带中文URL地址的一点见解
Sep 25 PHP
php.ini修改php上传文件大小限制的方法详解
Jun 17 PHP
php实现统计邮件大小的方法
Aug 06 PHP
php用户注册时常用的检验函数实例总结
Dec 22 PHP
Laravel中使用阿里云OSS Composer包分享
Feb 10 PHP
Laravel实现表单提交
May 07 PHP
微信第三方登录(原生)demo【必看篇】
May 26 PHP
thinkPHP中钩子的使用方法实例分析
Nov 16 PHP
PHP批斗大会之缺失的异常详解
Jul 09 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将12小时制转换成24小时制的方法
2015/03/31 PHP
PHP整合七牛实现上传文件
2015/07/03 PHP
PHP实现的浏览器检查类
2016/04/11 PHP
Javascript 汉字字节判断
2009/08/01 Javascript
理解Javascript_03_javascript全局观
2010/10/11 Javascript
基于jquery的大众点评,分类导航实现代码
2011/08/23 Javascript
JavaScript实现从数组中选出和等于固定值的n个数
2014/09/03 Javascript
【JS+CSS3】实现带预览图幻灯片效果的示例代码
2016/03/17 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
angular实现form验证实例代码
2017/01/17 Javascript
详解AngularJS controller调用factory
2017/05/19 Javascript
jQuery实现简单的Ajax调用功能示例
2019/02/15 jQuery
详解JavaScript函数callee、call、apply的区别
2019/03/08 Javascript
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
对于Python编程中一些重用与缩减的建议
2015/04/14 Python
浅析Python中yield关键词的作用与用法
2016/11/29 Python
Python实现简单的用户交互方法详解
2018/09/25 Python
python微信好友数据分析详解
2018/11/19 Python
对python的输出和输出格式详解
2018/12/08 Python
Python动态导入模块和反射机制详解
2020/02/18 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
英国领先的鞋类零售商和顶级品牌的官方零售商:Wynsors
2020/02/17 全球购物
PHP经典面试题
2016/09/03 面试题
机电专业大学生求职信
2013/10/04 职场文书
某同学的自我鉴定范文
2013/12/26 职场文书
社团活动策划书范文
2014/01/09 职场文书
幼儿教师工作感言
2014/02/14 职场文书
春节请假条
2014/04/11 职场文书
意向协议书范本
2014/04/23 职场文书
化工专业求职信
2014/07/01 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
python入门之算法学习
2021/04/22 Python
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python