07.jQuery 19 décembre 2023 Développement web il3 jQuery HE-Arc (DGR) 2022 jQuery • John Resig, 2006 • Bibliothèque JS, gratuit, OS (licence MIT) • Facilite le développement JS pour les tâches fréquentes des callbacks Utilisation • Inclusion CDN1 1https://jquery.com/download/#other-cdns 1 • Nos scripts js"> • Syntaxe basique $(selecteur).action(); // $() est un raccourci pour jQuery() • Utilisation de sélecteurs CSS, id ou classes $(document); // retourne le DOM $("h3").hide(); // cache

{ xhr = new XMLHttpRequest(); } } • Dans son contexte11 XHR en jQuery avec load() Get External Content 11https://www données • Cache 12https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_ajax_load 13https://code.tutsplus.com/tutorials/jquery-succinctly-jquery-and-ajax--net-33856 6 – Client : Construire

"application.index" configuration option. Generating a URL to an asset: $url = URL::to_asset('js/jquery.js'); URL Helpers There are several global functions for generating URLs designed to make your to the base URL: $url = url('user/profile'); Generating a URL to an asset: $url = asset('js/jquery.js'); Generating a URL to a named route: $url = route('profile'); 53 Generating a URL

Programme • Frameworks MVC : Laravel, Django, … • HTML5 : vue d’ensemble • Javascript : VueJS, Node.js, jQuery, AJAX, JSON, … • Déploiement et configuration Serveur • Webservices : REST vs SOAP • Sécurité : Technologies

Insertion : – Recherche du parent – Recherche du frère gauche – Insertion depuis le parent Avec jQuery • Création et ajout : 33https://developer.mozilla.org/en-US/docs/Web/API/Node/parentNode 9 var

elixir(function(mix) { mix.stylesIn("public/css"); }); elixir(function(mix) { mix.scripts([ "jquery.js", "app.js" ]); }); Again, this assumes all paths are relative to the resources/js elixir(function(mix) { mix.scriptsIn("public/js/some/directory"); }); elixir(function(mix) { mix.scripts(['jquery.js', 'main.js'], 'public/js/main.js') .scripts(['forum.js', 'threads.js'], 'public/js/forum

Laravel 学院提供 Laravel 学院致力于提供优质 Laravel 中文学习资源：http://laravelacademy.org 61 然后在 js 库（如 jQuery）中添加该令牌到所有请求头，这为基于 AJAX 的请求提供了简单、方便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': JavaScript 文件通常会存放到 public/js 目录下。 注：app.js 文件会加载 resources/assets/js/bootstrap.js 以便启动和配置 Vue，Axios，jQuery 以及所有其它 JavaScript 依赖，如果你有额 外的 JavaScript 依赖需要配置，请在这里操作。 编写 Vue 组件 默认情况下，新安装的 Laravel 应用将会在 r 要点击链接，可以使用浏览器实例上的 clickLink 方法，clickLink 方法将会点击包含给定文本的链接： $browser->clickLink($linkText); 注：该方法通过 jQuery 进行交互，如果 jQuery 在页面上无效，Dusk 会自动将其注入到页面，以便在测试期间生效。 文本、值 & 属性 获取 & 设置值 Dusk 提供了多个方法用于和页面元素的当前显示文本、值和属性

meta 标签并将令牌保 存到该 meta 标签： 然后在 js 库（如 jQuery）中添加该令牌到所有请求头，这为基于 AJAX 的应用提供了简单、方 便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { JavaScript 文件通常会存放在 public/js 目录下。 注：app.js 文件会加载 resources/assets/js/bootstrap.js 以便启动和配置 Vue，Vue 资源， jQuery 以及所有其它 JavaScript 依赖，如果你有额外的 JavaScript 依赖需要配置，请在这里操作。 本文档由 Laravel 学院（LaravelAcademy.org）提供 elixir(function(mix) { mix.scriptsIn('public/js/some/directory'); }); 注：如果你要合并多个已经最小化的 vendor 库文件，例如 jQuery，可以考虑使用 mix.combine() ， 这将会合并这些文件，略过源地图和最小化步骤。最终，编译消耗时间将会大幅减小。 6、拷贝文件/目录 你可以使用 copy 方法拷贝文件/目

请求头，你可以将令牌保存在”meta”标签中： 创建完这个 meta 标签后，就可以在 js 库如 jQuery 中添加该令牌到所有请求头，这为基于 AJAX 的应用提供了简单、方便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { 目录，而且所有结果 JavaScript 默 认存放在 public/js/all.js： elixir(function(mix) { mix.scripts([ 'jquery.js', 'app.js' ]); }); 如果你需要将多个脚本集合合并到不同的文件，需要多次调用 scripts 方法。该方法的第二 个参数决定每个合并的结果文件名：

请求头。实现方式如下，首先创建一个 meta 标 签并将令牌保存到该 meta 标签： 然后在 js 库（如 jQuery）中添加该令牌到所有请求头，这为基于 AJAX 的请求提供了简单、方便的方式来避免 CSRF 攻击： $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $ JavaScript 文件通常会存放 到 public/js 目录下。 注：app.js 文件会加 载 resources/js/bootstrap.js 以便启动和配置 Vue，Axios，jQuery 以及所有其它 JavaScript 依赖， 如果你有额外的 JavaScript 依赖需要配置，请在这里操 作。 编写 Vue 组件 本文档由学院君提供 学院君致力于提供优质 Laravel $browser->clickLink($linkText); 本文档由学院君提供 学院君致力于提供优质 Laravel 中文学习资源：https://xueyuanjun.com 1231 注：该方法通过 jQuery 进行交互，如果 jQuery 在页面 上无效，Dusk 会自动将其注入到页面，以便在测试期间 生效。 文本、值 & 属性 获取 & 设置值 Dusk 提供了多个方法用于和页面元素的当前显示文本、值和属性进