찾다
백엔드 개발PHP 튜토리얼twig里使用js变量的方法,twig使用js变量_PHP教程

twig里使用js变量的方法,twig使用js变量

本文实例讲述了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模板入门基础教程》、《codeigniter入门教程》及《ThinkPHP入门教程》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

  • twig模板常用语句实例小结
  • Twig模板引擎用法入门教程
  • 在Yii框架中使用PHP模板引擎Twig的例子
  • twig模板获取全局变量的方法

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/1099083.htmlTechArticletwig里使用js变量的方法,twig使用js变量 本文实例讲述了twig里使用js变量的方法的方法。分享给大家供大家参考,具体如下: 先看一段代码...
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
如何在CakePHP中使用Twig?如何在CakePHP中使用Twig?Jun 05, 2023 pm 07:51 PM

在CakePHP中使用Twig是一种将模板和视图分离的方法,能够使代码更加模块化和可维护,本文将介绍如何在CakePHP中使用Twig。一、安装Twig首先在项目中安装Twig库,可以使用Composer来完成这个任务。在控制台中运行以下命令:composerrequire&quot;twig/twig:^2.0&quot;这个命令会在项目的vendor

如何在PHP中使用Twig模板引擎进行Web开发如何在PHP中使用Twig模板引擎进行Web开发Jun 25, 2023 pm 04:03 PM

随着Web开发技术的不断发展,越来越多的开发者开始寻找更加灵活、高效的模板引擎来进行Web应用的开发。其中,Twig是一款十分优秀、流行的PHP模板引擎,它基于Symfony框架开发并支持无限扩展,非常适合用于构建复杂的Web应用程序。本篇文章将介绍如何在PHP中使用Twig模板引擎进行Web开发。一、Twig模板引擎简介Twig是由FabienPoten

PHP8.0中的模板库:TwigPHP8.0中的模板库:TwigMay 14, 2023 am 08:40 AM

PHP8.0中的模板库:TwigTwig是一款目前广泛用于PHPWeb应用程序中的模板库,具有可读性高、易于使用和可扩展性强等特点。Twig使用简单易懂的语法,可以帮助Web开发人员以清晰、有序的方式组织和输出HTML,XML,JSON等文本格式。本篇文章将为您介绍Twig的基本语法和特点以及它在PHP8.0中的使用。Twig的基本语法Twig采用类似于P

使用Twig和Timber图像、菜单和用户,快速启动WordPress开发使用Twig和Timber图像、菜单和用户,快速启动WordPress开发Sep 04, 2023 pm 03:37 PM

到目前为止,您已经了解了通过Timber使用Twig的基本概念,同时构建了模块化WordPress主题。我们还基于DRY原则,使用Twig研究了块嵌套和多重继承。今天,我们将探讨如何通过Timber插件使用Twig在主题中显示附件图像、WordPress菜单和用户。木材中的图像图像是任何WordPress主题的重要元素之一。在常规的WordPress编码实践中,图像与PHP集成在正常的HTML图像标签内。但是,Timber提供了一种相当全面的方法来处理img(图像)标签,该方法是模块化且干净的。

PHP中的高级皮肤:如何使用TwigPHP中的高级皮肤:如何使用TwigJun 19, 2023 pm 04:03 PM

在Web开发中,页面的呈现是至关重要的。对于PHP开发人员,他们在开发一个动态网站时,容易深陷在大量的HTML标记和PHP代码中。而一旦需要修改样式或布局,就必须一遍遍地修改代码,这样的维护成本极高。为了解决这个问题,现代的PHP框架通常提供了一个模板引擎。其中,Twig是其中一个较为流行的模板引擎。在本文中,我们将介绍如何以及为什么使用Twig来进行PHP

如何在CodeIgniter框架中使用模板引擎Twig?如何在CodeIgniter框架中使用模板引擎Twig?Jun 03, 2023 pm 12:51 PM

随着开源和Web开发的不断发展,开发者们对于各种框架、工具和技术的需求不断增长。众所周知,CodeIgniter是最流行的PHP框架之一。在其基础上,结合现代的模板引擎Twig,可以快速易用地构建高质量的Web应用程序。因此,本文将介绍如何在CodeIgniter框架中如何使用Twig模板引擎。一、什么是TwigTwig是一个现代的、优雅的、灵活的PHP模板

使用Twig:块和嵌套,快速启动WordPress开发使用Twig:块和嵌套,快速启动WordPress开发Aug 31, 2023 pm 06:29 PM

在上一篇文章中,我介绍了通过Timber将Twig模板引擎与WordPress集成以及开发人员如何将PHP文件中的数据发送到Twig文件。让我们讨论如何使用Twig创建基本模板、这种DRY技术的优点以及Timber-TwigWordPressCheatsheet。在Twig中创建基本模板Twig遵循DRY(不要重复自己)原则。Twig最重要的功能之一是具有嵌套和多重继承的基本模板。虽然大多数人以线性方式使用PHP包含,但您可以创建无限级别的嵌套块来专门控制您的页面模板。将您的基本模板视为其中包含

如何在Silex框架中使用模板引擎Twig?如何在Silex框架中使用模板引擎Twig?Jun 03, 2023 am 09:21 AM

在Web开发过程中,使用模板引擎可以大大减轻前端开发工作量,同时也增强了Web应用的可维护性。Twig是一款流行的PHP模板引擎,它具有简洁易读、可扩展性强等特点。本文将介绍如何在Silex框架中使用Twig模板引擎。安装Twig首先,我们需要使用Composer安装Twig。进入到项目目录,执行以下命令:composerrequiretwig/twig

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

맨티스BT

맨티스BT

Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.

SecList

SecList

SecLists는 최고의 보안 테스터의 동반자입니다. 보안 평가 시 자주 사용되는 다양한 유형의 목록을 한 곳에 모아 놓은 것입니다. SecLists는 보안 테스터에게 필요할 수 있는 모든 목록을 편리하게 제공하여 보안 테스트를 더욱 효율적이고 생산적으로 만드는 데 도움이 됩니다. 목록 유형에는 사용자 이름, 비밀번호, URL, 퍼징 페이로드, 민감한 데이터 패턴, 웹 셸 등이 포함됩니다. 테스터는 이 저장소를 새로운 테스트 시스템으로 간단히 가져올 수 있으며 필요한 모든 유형의 목록에 액세스할 수 있습니다.

PhpStorm 맥 버전

PhpStorm 맥 버전

최신(2018.2.1) 전문 PHP 통합 개발 도구

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경