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 相关文章推荐
利用js调用后台php进行数据处理原码
Oct 09 PHP
PHP实时显示输出
Oct 02 PHP
php文本转图片自动换行的方法
Mar 13 PHP
解析PHP中DIRECTORY_SEPARATOR,PATH_SEPARATOR两个常量的作用
Jun 21 PHP
php解析html类库simple_html_dom(详细介绍)
Jul 05 PHP
ThinkPHP中处理表单中的注意事项
Nov 22 PHP
php数组添加元素方法小结
Dec 20 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
Jan 11 PHP
关于php unset对json_encode的影响详解
Nov 14 PHP
laravel请求参数校验方法
Oct 10 PHP
PHP设计模式之组合模式定义与应用示例
Feb 01 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
Mar 26 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
MySql中正则表达式的使用方法描述
2008/07/30 PHP
网友原创的PHP模板类代码
2008/09/07 PHP
PHP的几个常用数字判断函数代码
2012/04/24 PHP
PHP运行模式的深入理解
2013/06/03 PHP
php常用表单验证类用法实例
2015/06/18 PHP
利用PHP fsockopen 模拟POST/GET传送数据的方法
2015/09/22 PHP
PHP扩展类型及安装方式解析
2020/04/27 PHP
图像替换新技术 状态域方法
2010/01/28 Javascript
javascript中创建对象的三种常用方法
2010/12/30 Javascript
使用Jquery打造最佳用户体验的登录页面的实现代码
2011/07/08 Javascript
javascript中with()方法的语法格式及使用
2014/08/04 Javascript
window.location.hash知识汇总
2015/11/09 Javascript
基于cssSlidy.js插件实现响应式手机图片轮播效果
2016/08/30 Javascript
微信小程序 教程之模板
2016/10/18 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
使用Vue开发自己的Chrome扩展程序过程详解
2019/06/21 Javascript
Openlayers绘制地图标注
2020/09/28 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
Python实现查找系统盘中需要找的字符
2015/07/14 Python
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
对python同一个文件夹里面不同.py文件的交叉引用方法详解
2018/12/15 Python
python numpy中cumsum的用法详解
2019/10/17 Python
Evisu官方网站:日本牛仔品牌,时尚街头设计风格
2016/12/30 全球购物
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
现代生活方式的家具和装饰:Dot & Bo
2018/12/26 全球购物
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
法律专业自我鉴定
2013/10/03 职场文书
办公室文员工作自我评价
2013/12/01 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
单位绩效考核方案
2014/05/11 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
工作时间证明
2015/06/15 职场文书
医德医风学习心得体会
2016/01/25 职场文书
JavaScript分页组件使用方法详解
2021/07/26 Javascript