AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。
所以我可以证明我是个白痴/新手/。 我正在寻找一种简单的方法让 ajax 将 ID 传输到模态。 然后采用具有 php 的模态并提供必要的变量...
从控制器返回模型对象到Ajax jquery在Spring mvc中不起作用
我试图将模型对象从 spring mvc 控制器返回到 jquery ajax 方法,但它返回空白作为响应 jsp: $(“#dialog-link10”).click(函数(事件){ var appna...
嗯,我想对 Struts 2 操作进行 Ajax 调用,因此我想将带有 Employee bean 的特定 id 的 JSON 从客户端发送到服务器。 问题是它应该如何构建......
在 Struts 2 中使用 ModelDriven 访问 POJO 属性?
我在 Struts 2 中使用 ModelDriven,这样我的模型对象内部就有另一个具有属性的对象。我正在进行 AJAX 调用,并希望我的模型对象由用户填充。 联合应用程序: 我在 Struts 2 中使用 ModelDriven,这样我的模型对象内部就有另一个具有属性的对象。我正在进行 AJAX 调用,并希望我的模型对象由 User 填充。 JSP: <s:select list="#session.circleIdNameMap" headerKey="-1" headerValue="Select Circle" name="id.circleId" id="selectCircleDropDown" onchange="findTspNameIdMap(this.value)"> </s:select> JS: $.ajax({ type: 'POST', url: '/gma/findTspNameIdMap.action', data: { id.circleId: circleId, minNumberOc: $("[name='minNumberOc']").val(), minDurationOc: $("[name='minDurationOc']").val(), }, 但是,在 firebug 中我收到错误 SyntaxError: missing : after property id id.circleId: circleId, 但其他直接属性如minNumberOc工作正常,但不是id.anything。我正在发布我的模型对象和 Action 类。 GmaThreshold参数: public class GmaThresholdParameter implements Serializable { private static final long serialVersionUID = 1L; @EmbeddedId private GmaThresholdParameterPK id; //getter/setters of id GmaThresholdParameterPK: public class GmaThresholdParameterPK implements Serializable { private static final long serialVersionUID = 1L; @Column(name="CIRCLE_ID") private int circleId; @Column(name="TSP_ID") private int tspId; private String flag; //getter/setters 动作类: public class ConfigureTspThresholdAction extends ActionSupport implements SessionAware, ModelDriven<GmaThresholdParameter>{ private Map<String,String> circleIdNameMap; // MODEL object GmaThresholdParameter gmaThresholdParameters = new GmaThresholdParameter(); ..... ... public GmaThresholdParameter getGmaThresholdParameters() { return gmaThresholdParameters; } public void setGmaThresholdParameters( GmaThresholdParameter gmaThresholdParameters) { this.gmaThresholdParameters = gmaThresholdParameters; } @Override public GmaThresholdParameter getModel() { return gmaThresholdParameters; } 如何设置id对应的属性?为什么 Firebug 会报错? 为什么Firebug会报错? 因为下面的语句后面有一个逗号 minDurationOc: $("[name='minDurationOc']").val(),
如何在每个 jQuery DataTable 行中使用参数调用 Struts 2 操作
我在使用 Struts2 的 JAVAEE 项目中工作,我正在使用 jQuery DataTable,我想在每一行中添加一个链接来调用带有 id 的操作。 这是 HTML 代码: 我在使用 Struts2 的 JAVAEE 项目中工作,我正在使用 jQuery DataTable,我想在每一行中添加一个链接,以使用 id 调用操作。 这是 HTML 代码: <div class="table-responsive"> <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline" role="grid"> <table class="table table-striped table-bordered table-hover dataTable no-footer" id="matable" aria-describedby="dataTables-example_info"> <thead> <tr> <th>Libellé planing</th> <th>Nom de la classe</th> <th>Actions</th> </tr> </thead> </table> </div> </div> 这就是我如何使用 AJAX 推送数据: $(document).ready( function() { // recuperation des ressources $.ajax({ url : "listPlaning", type : 'GET', dataType : 'json', contentType : 'application/json', mimeType : 'application/json', success : function(msg) { for ( var i in msg) { $("#matable").dataTable() .fnAddData( [ msg[i].libellePlanning, msg[i].classe, //this code doesn't work "<s:url var='test' action='action'><s:param name='id'>"+msg[i].idPlaning+"</s:param></s:url>" ]); } }, error : function(error) { }, complete : function(x) { } }); }); 我不知道如何用<a href="">调用动作,我尝试放置struts2标签,但它不起作用。 有人可以帮我吗 您可以尝试相对URL 'test.action?id='+msg[i].idPlaning
来自 Struts 2 的 JSON 响应不适用于 AJAX
我使用 Ajax 从 Struts 2 获取成功响应,但最终给出了错误函数的响应,并解析了 Ajax 中解析 JSON 的错误。 下面是我的代码。 动作类 - PropertyTesting...
在我的 Ajax 请求中,我调用操作类,如下所示: var ajax请求; ajaxRequest = new XMLHttpRequest(); ajaxRequest.open("GET", "../displayProjects.action?userMasterID=" +
从 JSP 页面到 Struts 2 操作进行 jQuery Ajax 调用时浏览器中出现 404 异常
我已经创建了Struts 2数据库应用程序。在这一示例中,我使用 Query 对 Struts 2 操作进行了 Ajax 调用。问题是每当我点击提交按钮时,它都会触发 Ajax 调用,但是 Ajax
如何在 Struts 2 中的 Ajax 成功主体中设置 s:param 值
如何在 Ajax 成功主体中设置 值? 我使用 Ajax 调用加载数据并将其提取到数据表中 但是当我想设置 s:param 值时我无法获取它的值,下面是我的代码: $.
我想按照以下逻辑编辑数据库中的某些元素: 我从下拉列表中选择了一个项目(自动完成),其他字段是根据字段直接从数据库填写的
JQuery Ajax 无法在带有 Struts 的 JSP 中工作
我正在尝试创建一个具有 Ajax 功能的 Web 应用程序演示。然而,Ajax 似乎无法使用 JQuery 工作。 我还没有给出任何回应,但我认为警报应该起作用了。哈...
将 Struts 2 与 Ajax 结合使用,当我尝试提交表单时,属性未传递给操作类,因此我得到了 null。 我的 JSP: 登录 将 Struts 2 与 Ajax 结合使用,当我尝试提交表单时,属性未传递给操作类,因此我得到 null。 我的JSP: <head> <title>Login</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="publicHtml/css/bootstrap.min.css"> <script src="publicHtml/js/jquery.min.js"></script> <script src="publicHtml/js/bootstrap.min.js"></script> <script> var contextName = "<%=request.getContextPath()%>"; </script> <script src="publicHtml/js/automation.js"></script> </head> <body> <form action="loginAction" id="myForm" method="post"> <div class="container-fluid"> <div class="jumbotron"> LOG CREATION </div> </div> <div class="row" style="height: 50px"> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align: center"> <mark style="color: red;display: none;" id="errorMessage"></mark> </div> </div> <div class="row"> <div class="col-lg-7 col-md-7 col-sm-5 col-xs-5"> </div> <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6"> <div id="loginJSP"> <div class="form-group"> <input type="text" class="form-control" placeholder="User Name" id="userName" name="userName"> </div> <div class="form-group"> <input type="password" class="form-control" placeholder="Password" id="password" name="password"> </div> <input type="button" onclick="validLogin()" value="Login"> </div> </div> <div class="col-lg-2 col-md-2 col-sm-1 col-xs-1"> </div> </div> </form> </body> 我的Action: public class LoginAction extends ActionSupport { String forward = ERROR; public LoginAction() { } /** * * @return @throws Exception */ @Override public String execute() throws Exception { System.err.println("Assigned Property is "+userName); forward = null; return forward; } private String userName=null,password=null; public String getUserName() { return userName; } public void setUserName(String userName) { this.userName = userName; } public String getPassword() { return password; } public void setPassword(String password) { this.password = password; }} 我的JS是: function submitForm(actionName, commandName) { var frm = document.forms[0]; var url = contextName + "/" + actionName + "?command=" + commandName; frm.action = url; frm.submit(); } function validLogin() { alert('hi'); var userName = document.getElementById('userName').value; var password = document.getElementById('password').value; document.getElementById('errorMessage').innerHTML = ""; $('#errorMessage').hide(); alert('hi'); if (userName == '' && password == '') { $('#errorMessage').append("USERNAME AND PASSWORD CANT BE BLANK"); $('#errorMessage').show(); } else { $.ajax({ type: "POST", url: "./loginAction", data: "command=loginValidation", beforeSend: function () { }, success: function (response) { }, error: function (e) { alert('hi error'); } }); } 我给出的输入是AAA。 预期输出应该是: Assigned Property is AAA 我的输出是: Assigned Property is null 您在验证后没有在ajax调用中发送参数。如果您使用以下代码可以解决此问题: $.ajax({ type: "POST", url: "./loginAction", data: {command: "loginValidation", userName: userName, password: password}, beforeSend: function () { }, success: function (response) { }, error: function (e) { alert('hi error'); } });
当我尝试提交 AJAX 复选框时,如果未选中该复选框,我将无法获取作为参数传递的值。我知道在正常形式下 Rails 添加了一个具有相同名称和值 0 的隐藏字段...
如何在 Laravel 5.6 中使用 Ajax 将产品添加到购物车而不重新加载页面?
这是我的控制器代码 公共函数 add_cart(请求 $request , $id) { // 如果需要验证请求 if (Auth::guard('客户')->check()) { $产品 = 产品::查找($id);...
我尝试使用以下代码向 LAN 上的 Arduino 以太网微控制器发送命令: 昏暗的请求 As HttpWebRequest = HttpWebRequest.Create("http://192.178.47.19:19/?r...
add_action( 'wp_ajax_nopriv_filter', 'team_filter_ajax' ); add_action( 'wp_ajax_filter', 'team_filter_ajax' ); 函数 team_filter_ajax() { $category = isset( $_POST['category'] ) ?
Laravel Blade 中的 AJAX 忽略 div 类
我对 AJAX Javascript 非常陌生,并且我尝试了在 Laravel 10 中过滤数据而无需使用 AJAX 刷新 但还没有运气 这是我的刀片视图的代码 <p>我对 AJAX Javascript 很陌生,并且我尝试了在 Laravel 10 中过滤数据而无需使用 AJAX 刷新 但还没有运气</p> <p>这是我的刀片视图的代码</p> <pre><code><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script type="text/javascript"> const clickableElements = document.querySelectorAll('.clickable'); // Fungsi untuk mengambil dan menampilkan data campaign berdasarkan kategori function filterCampaignByCategory(category) { $.ajax({ type: 'GET', url: '/filter', // Sesuaikan dengan rute Anda data: { filter: category }, success: function(data) { var campaigns = data.campaigns; var campaignList = $('#daftar_campaign'); campaignList.empty(); // Loop melalui data campaign dan tambahkan ke daftar $.each(campaigns, function(key, campaign) { campaignList.append( '<div class="popular-causes__sinlge">' + '<div class="popular-causes__img">' + '<img height="300px" src="http://127.0.0.1:8001/storage/' + campaign.BannerCampaign + '" alt="">' + '<div class="popular-causes__category">' + '<p>' + campaign.KategoriCampaign + '</p>' + '</div>' + '</div>' + '<div class="popular-causes__content" style="width: 370px">' + '<div class="popular-causes__title" style="height: 100px">' + '<h3><a href="campaign-details.html">' + campaign.NamaCampaign + '</a></h3>' + '</div>' + '<div class="popular-causes__progress" style="height: 200px">' + '<div class="bar">' + '<div class="bar-inner count-bar" data-percent="' + campaign.percentageCompleted + '%">' + '<div class="count-text">' + campaign.percentageCompleted + '%</div>' + '</div>' + '</div>' + '<div class="popular-causes__goals">' + '<p><span>' + campaign.HasilDonasiCampaign + '</span> Terkumpul</p>' + '<p><span>' + campaign.TargetCampaign + '</span> Target</p>' + '</div>' + '</div>' + '</div>' + '</div>'); }); } }); } clickableElements.forEach(function(element) { element.addEventListener('click', function() { const value = element.getAttribute('data-value'); filterCampaignByCategory(value); }); }); function sendGetRequest(value) { window.location.href = "/?filter=" + value; } // Tambahkan event listener untuk ikon kategori $('.category-icon').on('click', function() { var selectedCategory = $(this).data('category'); filterCampaignByCategory(selectedCategory); }); // Memuat semua campaign saat halaman pertama kali dimuat // Menggunakan '' untuk memuat semua campaign </script> <!--campaign Start--> <section class="popular-causes"> <div class="container pb-5 mb-5"> <div class="block-title text-left"> <h4>Help the People</h4> <h3>Our Popular Campaigns</h3> </div> <div class="row"> <div class="col-xl-12"> <div class="popular-causes__carousel owl-theme owl-carousel" id="daftar_campaign"> @foreach ($campaigns as $campaign) <div class="popular-causes__sinlge"> <div class="popular-causes__img"> <img height="300px" src="http://127.0.0.1:8001/storage/{{ $campaign->BannerCampaign }}" alt=""> <div class="popular-causes__category"> <p>{{ $campaign->KategoriCampaign }}</p> </div> </div> <div class="popular-causes__content" style="width: 370px"> <div class="popular-causes__title" style="height: 100px"> <h3><a href="campaign-details.html">{{ $campaign->NamaCampaign }}</a> </h3> </div> <div class="popular-causes__progress" style="height: 200px"> <div class="bar"> <div class="bar-inner count-bar" data-percent="{{ $campaign->percentageCompleted }}%"> <div class="count-text">{{ $campaign->percentageCompleted }}%</div> </div> </div> <div class="popular-causes__goals"> <p><span>{{ $campaign->HasilDonasiCampaign }}</span> Terkumpul</p> <p><span>{{ $campaign->TargetCampaign }}</span> Target</p> </div> </div> </div> </div> @endforeach </div> </div> </div> </div> </section> </code></pre> <p>这是我的控制器的代码</p> <pre><code>public function filter(Request $request){ $filter = $request->input('filter'); if (empty($filter)) { $campaigns = Campaign::with('user') ->select('NamaCampaign','UrlCampaign','KategoriCampaign','BannerCampaign','MulaiCampaign','AkhirCampaign','TargetCampaign','HasilDonasiCampaign') ->where('Prioritas', 1) ->where('Aktif', 1) ->latest('idCampaign') ->get(); } else { $campaigns = Campaign::with('user') ->select('NamaCampaign','UrlCampaign','KategoriCampaign','BannerCampaign','MulaiCampaign','AkhirCampaign','TargetCampaign','HasilDonasiCampaign') ->where('KategoriCampaign', $filter) ->where('Prioritas', 1) ->where('Aktif', 1) ->latest('idCampaign') ->get(); } return response()->json(['campaigns' => $campaigns]); } </code></pre> <p><a href="https://i.stack.imgur.com/u183W.jpg" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3UxODNXLmpwZw==" alt="enter image description here"/></a> 这是过滤前的默认页面</p> <p><a href="https://i.stack.imgur.com/893zn.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzg5M3puLnBuZw==" alt="enter image description here"/></a> 这是在过滤数据之后,过滤器工作,但经过调查,ajax 忽略了我的 div 类使其看起来很奇怪</p> <pre><code><div class="popular-causes__carousel owl-theme owl-carousel" id="daftar_campaign"> </code></pre> <p>我已经尝试了很多解决方案,但还没有找到运气,但我真的很想看看你的想法为什么会发生这种情况</p> </question> <answer tick="false" vote="0"> <p>按照注释,将 HTML 移动到一个独特的 <pre><code>.blade.php</code></pre> 文件中。我们称之为 <pre><code>campaigns.blade.php</code></pre>,在 <pre><code>resources/views</code></pre> 里面:</p> <pre><code><div class="popular-causes__carousel owl-theme owl-carousel" id="daftar_campaign"> @foreach($campaigns as $campaign) <div class="popular-causes__sinlge"> <div class="popular-causes__img"> <img height="300px" src="http://127.0.0.1:8001/storage/{{ $campaign->BannerCampaign }}" alt="" /> <div class="popular-causes__category"> <p>{{ $campaign->KategoriCampaign }}</p> </div> </div> <div class="popular-causes__content" style="width: 370px"> <div class="popular-causes__title" style="height: 100px"> <h3> <a href="campaign-details.html">{{ $campaign->NamaCampaign }}</a> </h3> </div> <div class="popular-causes__progress" style="height: 200px"> <div class="bar"> <div class="bar-inner count-bar" data-percent="{{ $campaign->percentageCompleted }}%"> <div class="count-text">{{ $campaign->percentageCompleted }}%</div> </div> </div> <div class="popular-causes__goals"> <p> <span>{{ $campaign->HasilDonasiCampaign }}</span> Terkumpul </p> <p> <span>{{ $campaign->TargetCampaign }}</span> Target </p> </div> </div> </div> </div> @endforeach </div> </code></pre> <p>在您现有的 <pre><code>.blade.php</code></pre> 文件中,“包含”此文件:</p> <pre><code><section class="popular-causes"> <div class="container pb-5 mb-5"> <div class="block-title text-left"> <h4>Help the People</h4> <h3>Our Popular Campaigns</h3> </div> <div class="row"> <div id="campaignsContainer" class="col-xl-12"> @include('campaigns', ['campaigns' => $campaigns]) </div> </div> </div> </section> </code></pre> <p>请注意我如何将 <pre><code>id="campaignsContainer"</code></pre> 添加到紧邻 <pre><code><div></code></pre> 部分周围的 <pre><code>@include()</code></pre>。这对以后很重要。</p> <p>现在,在您的控制器中,修改您的 <pre><code>return</code></pre> 语句:</p> <pre><code>public function filter(Request $request){ $campaigns = Campaign::with('user') /* ... */ ->get(); return response()->json(['html' => view('campaigns', ['campaigns' => $campaigns])->render()], 200); } </code></pre> <p>最后,修改你的JS:</p> <pre><code>function filterCampaignByCategory(category) { $.ajax({ type: 'GET', url: '/filter', data: { filter: category }, success: function(response) { $('#campaignsContainer').html(response.html); } }); } </code></pre> <p>行<pre><code>$('#campaignsContainer').html(response.html);</code></pre>将从控制器返回的HTML,这是现有HTML的精确副本(因为<pre><code>@include('view', ...)</code></pre>和<pre><code>view('view', ...)</code></pre>生成相同的HTML)并用生成的新<pre><code>$campaigns</code></pre>覆盖它控制器内部。</p> <p>这样就可以了!</p> </answer> </body></html>
Shopify 添加到购物车 ajax 单击按钮更新购物车 - 更新购物车注释和整个购物车抽屉
我正在一个shopify网站上工作,我在其中创建了一个用于快速商店的悬停选项。将商品添加到购物车时,我需要更新购物车编号和更新购物车抽屉。然而,...
我的页面中有两个ajax,一个工作正常,但另一个不工作。我尝试发送ajax post方法而不提交表单,仅使用onchange方法但不触发,我调试我的
我需要使用循环在 jQuery/JavaScript 中执行一项任务。我需要调用循环 10 次,并且在每次迭代中,我需要进行 Ajax 调用。在每次迭代中,我还需要检查一个条件...