ホームページ バックエンド開発 PHPチュートリアル twig里使用js变量的方法_php实例

twig里使用js变量的方法_php实例

Jun 07, 2016 pm 05:09 PM
twig

本文实例讲述了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程序设计有所帮助。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホット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ヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

CakePHP で Twig を使用するにはどうすればよいですか? CakePHP で Twig を使用するにはどうすればよいですか? Jun 05, 2023 pm 07:51 PM

CakePHP で Twig を使用すると、テンプレートとビューを分離し、コードをよりモジュール化して保守しやすくすることができます。この記事では、CakePHP で Twig を使用する方法を紹介します。 1. Twig をインストールします。まずプロジェクトに Twig ライブラリをインストールします。このタスクは Composer を使用して完了できます。コンソールで次のコマンドを実行します:composerrequire "twig/twig:^2.0" このコマンドはプロジェクトのベンダーに表示されます。

Web 開発のために PHP で Twig テンプレート エンジンを使用する方法 Web 開発のために PHP で Twig テンプレート エンジンを使用する方法 Jun 25, 2023 pm 04:03 PM

Web 開発テクノロジーの継続的な発展に伴い、Web アプリケーションを開発するためのより柔軟で効率的なテンプレート エンジンを求める開発者が増えています。中でもTwigは非常に優秀で人気のあるPHPテンプレートエンジンで、Symfonyフレームワークをベースに開発されており、無制限の拡張をサポートしており、複雑なWebアプリケーションの構築に非常に適しています。この記事では、PHP での Web 開発に Twig テンプレート エンジンを使用する方法を紹介します。 1. Twig テンプレート エンジンの紹介 Twig は FabienPoten によって開発されました。

PHP8.0のテンプレートライブラリ: Twig PHP8.0のテンプレートライブラリ: Twig May 14, 2023 am 08:40 AM

PHP8.0のテンプレートライブラリ: TwigTwigは、現在PHP Webアプリケーションで広く使用されているテンプレートライブラリであり、高い可読性、使いやすさ、強力な拡張性の特徴を持っています。 Twig はシンプルで理解しやすい構文を使用しており、Web 開発者が HTML、XML、JSON、その他のテキスト形式を明確かつ整然とした方法で整理して出力するのに役立ちます。この記事では、Twig の基本的な構文と機能、および PHP8.0 での Twig の使用方法を紹介します。 Twig の基本的な構文は P と似ています。

Twig と Timber の画像、メニュー、ユーザーを使用して WordPress 開発をすぐに開始できます Twig と Timber の画像、メニュー、ユーザーを使用して WordPress 開発をすぐに開始できます Sep 04, 2023 pm 03:37 PM

ここまでで、モジュール式 WordPress テーマを構築しながら Timber で Twig を使用する基本概念を学習しました。また、DRY 原則に基づいた Twig を使用したブロックのネストと多重継承についても研究しました。今日は、Twig と Timber プラグインを使用して、テーマ内の添付画像、WordPress メニュー、およびユーザーを表示する方法を検討します。木の画像 画像は WordPress テーマの重要な要素の 1 つです。通常の WordPress コーディングの実践では、画像は通常の HTML 画像タグ内で PHP と統合されます。ただし、Timber は、モジュール式でクリーンな img (イメージ) タグを処理するためのかなり包括的なアプローチを提供します。

PHP での高度なスキニング: Twig の使用方法 PHP での高度なスキニング: Twig の使用方法 Jun 19, 2023 pm 04:03 PM

Web 開発では、ページのプレゼンテーションが非常に重要です。 PHP 開発者にとって、動的な Web サイトを開発する場合、多数の HTML タグと PHP コードに行き詰まりがちです。スタイルやレイアウトを変更する必要があると、コードを何度も変更する必要があり、維持に非常にコストがかかります。この問題を解決するために、最新の PHP フレームワークは通常、テンプレート エンジンを提供します。その中でも、Twig は最も人気のあるテンプレート エンジンの 1 つです。この記事では、PHP に Twig を使用する方法とその理由について説明します。

CodeIgniter フレームワークでテンプレート エンジン Twig を使用するにはどうすればよいですか? CodeIgniter フレームワークでテンプレート エンジン Twig を使用するにはどうすればよいですか? Jun 03, 2023 pm 12:51 PM

オープンソースと Web 開発の継続的な発展に伴い、さまざまなフレームワーク、ツール、テクノロジに対する開発者の需要は高まり続けています。ご存知のとおり、CodeIgniter は最も人気のある PHP フレームワークの 1 つです。これをベースに、最新のテンプレート エンジン Twig と組み合わせることで、高品質の Web アプリケーションを迅速かつ簡単に構築できます。そこで、この記事では CodeIgniter フレームワークで Twig テンプレート エンジンを使用する方法を紹介します。 1. Twig とはTwig は、モダンでエレガントかつ柔軟な PHP テンプレートです

Twig で WordPress 開発をすぐに始める: ブロックとネスト Twig で WordPress 開発をすぐに始める: ブロックとネスト Aug 31, 2023 pm 06:29 PM

前回の記事では、Timber を介して Twig テンプレート エンジンを WordPress に統合することと、開発者が PHP ファイルから Twig ファイルにデータを送信する方法について説明しました。 Twig を使用して基本的なテンプレートを作成する方法、この DRY テクニックの利点、および Timber-Twig WordPress チートシートについて説明します。 Twig Twig での基本テンプレートの作成は、DRY (Don't Reply Yourself) 原則に従います。 Twig の最も重要な機能の 1 つは、ネストと多重継承を備えた基本的なテンプレートです。ほとんどの人は 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