ajax 相关问题

AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。

Shopify Dawn 主题 - 使用 Ajax 更新购物车功能问题

我为自定义模板创建了一个新的“添加到购物车”按钮,它可以将产品添加到购物车,但我必须刷新页面才能使其出现在我的购物车抽屉中。我使用了 cart.js 中的脚本

回答 1 投票 0

Laravel 错误:路由 addproduct 不支持 GET 方法。支持的方法:POST

我是 Laravel 的初学者。我尝试发布到路线时遇到问题。我不使用任何表单(表单操作=“”方法=“POST”)。 这是我的按钮: < 我是 Laravel 的初学者。我尝试发布到路线时遇到问题。我不使用任何表单(表单操作=“”方法=“POST”)。 这是我的按钮: <div class="button0"> <button type="button" class="btn btn-primary" style="margin:20px 150px 0 0; float: right; width:100px" id="btnInsert" > Insert </button> </div> 这是我的脚本: $("#btnInsert").click(function () { var productid = $("#productid").val(); var productname = $("#productname").val(); var productprice = $("#productprice").val(); var productdes = $("#productdes").val(); var productimage = $("#productimage").val(); var productcate = $("#cate").val(); if (productid == "") { alert("Empty Product ID"); } else { // it doesn't work after this $.post("/addproduct", { productid: productid, productname: productname, productprice: productprice, productdes: productdes, productimage: productimage, productcate: productcate, }), function (result) { if (result == 1) { alert("Record has been added"); window.location.href = "/product"; } }; } }); 这是我的路线: Route::post('/addproduct',[ProductController::class, 'AddProduct']); 首先点击这些工匠命令: php artisan route:clear php artisan route:cache 或者你可以使用 php artisan optimize:clear php artisan optimize 然后更正您的网址:coz apis in api.php 文件 喜欢 $.post("api/addproduct", { 希望,对你有帮助

回答 1 投票 0

模态弹出窗口在 asp.net mvc core 6.0 中不起作用

我在 ASP.NET Core MVC 中使用 Modal Popup 开发了完整的 CRUD 操作项目,并且运行良好。但问题是我设计了一个主布局页面并给出了一个链接( Layout = "~/

回答 1 投票 0

使用ajax向控制器发送请求

我正在开发 ASP.NET Core MVC 应用程序,我有一个注册页面,如下所示,当模型状态为 false 时,我想返回带有错误的视图: @model WebApplication2PROP.Entities.UserRegister ...

回答 1 投票 0

symfony 使用 json ajax 响应

我是 Symfony 的新手,我想做一些操作,这样我可以通过 Ajax 获取实体主题中所有元素的列表,但答案仍然是“未定义”这里代码文本强 视图 $(文档...

回答 2 投票 0

如何在 Laravel 中实时更新表单

最近我发现自己必须创建一个用户可以自由填写的页面,但我很难理解如何使页面能够实时保存更改。 这个想法是每个...

回答 2 投票 0

CSS 动画错误,它并不总是有效

我的 CSS 动画有问题,它有时会起作用,当我刷新页面时,动画消失,我应该删除 CSS 并保存,然后再次粘贴 CSS 并重建解决方案以...

回答 1 投票 0

使用 AJAX 在 ASP.NET Core MVC 中内联编辑,错误 400(错误请求)

我正在尝试在 ASP.NET Core MVC 中使用 AJAX 进行内联编辑。 每次我收到错误 400(错误请求) 我需要单击表的行进行编辑并使用新值保存在 SQL 数据库中...

回答 1 投票 0

如何在ExtJS中等待AJAX请求完成

我正在调用 AJAX 请求并获取结果,但直到那时下一行代码开始执行。我想保持直到 AJAX 成功块执行。 PFB 代码片段。 Ext.Ajax.re...

回答 2 投票 0

收到的消息是“请求的资源上不存在‘Access-Control-Allow-Origin’标头”

我正在使用ajax调用以下URL: “https://www.bittrex.com/api/v1.1/public/getticker?market=usdt-btc” 我收到以下错误: 没有“Access-Control-Allow-Origin”标头

回答 2 投票 0

理解 webNavigation.onHistoryStateUpdated() 行为

我在后台脚本中使用 onHistoryStateUpdated 来检查 Youtube 上的导航。 chrome.webNavigation.onHistoryStateUpdated.addListener(函数(详细信息) { 控制台.log(详细信息); ...

回答 1 投票 0

如何在 javascript 验证后在 php 中提交表单?

我想创建一个注册/登录系统,我在Register.php中创建表单,我将验证部分转到JavaScript代码,但我遇到的问题是,当我单击提交时,没有va...

回答 1 投票 0

Laravel 会话 ID 随着每个请求而变化

我有一个 Laravel 5.0 站点,前端 JS 对后端 Laravel 代码进行大量 ajax 调用。我注意到,在每个 ajax 请求中,我都会在

回答 6 投票 0

无需表单即可获取 Codeigniter CSRF 令牌?

我在我的网站上启用了 CSRF 保护,但 CSRF 令牌放置在隐藏字段中的唯一时间是在使用 form_close() 时。我正在通过 ajax 发布数据,并且还需要将 CSRF 发送至

回答 4 投票 0

我无法将图像裁剪代码更改为定义的图像

(我会再次尝试解释我的问题) 我在互联网上找到了一个脚本,您可以在此链接中看到: 关联 但我无法更改为我想要的代码。 脚本开始工作图像上传...

回答 1 投票 0

Jquery Ajax 调用在 Asp.net 中不起作用

我搜索了很多解决方案但没有任何效果。我只是在 Visual studio 2019 中使用 Jquery 进行简单的 Ajax 调用,但我的代码没有命中 Ajax 调用。这是我的代码 <p>我搜索了很多解决方案但没有任何效果。我只是在 <pre><code>Ajax</code></pre> 中使用 Jquery 进行简单的 <pre><code>Visual studio 2019</code></pre> 调用,但我的代码没有命中 <pre><code>Ajax</code></pre> 调用。这是我的代码<br/></p> <pre><code> &lt;script src=&#34;Scripts/jquery-1.11.3.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; function GetDataDetails() { $.ajax({ type: &#34;POST&#34;, url: &#34;WebForm1.aspx/GetData&#34;, data: &#39;{}&#39;, contentType: &#34;application/json; charset=utf-8&#34;, dataType: &#34;json&#34;, success: function (response) { var xmlDoc = $.parseXML(response.d); var xml = $(xmlDoc); var Records = xml.find(&#34;Table&#34;); if (Records.length &gt; 0) { alert(Records.length); } }, error: function (d) { alert(d.responseText); } }); } $(function () { $(&#34;[id*=Button1]&#34;).bind(&#34;click&#34;, function () { GetDataDetails(); return false; }); }); &lt;/script&gt; </code></pre> <p>c#代码</p> <pre><code>[WebMethod] public static string GetData() { using (SqlCommand Cmd = new SqlCommand()) { using (SqlConnection Con = Connections.Create()) { Cmd.Connection = Con; Cmd.CommandText = &#34;GetColumnList_pro&#34;.Trim(); Cmd.CommandType = CommandType.StoredProcedure; Cmd.Parameters.AddWithValue(&#34;Option&#34;, &#34;GetColumnList&#34;.Trim()); using (SqlDataAdapter Adp = new SqlDataAdapter()) { using (DataSet Ds = new DataSet()) { Con.Open(); Adp.SelectCommand = Cmd; Adp.Fill(Ds); return Ds.GetXml(); } } } } } </code></pre> <p>我在 <pre><code>Chrome</code></pre> 上使用了断点,并检查它是否命中了 <pre><code>GetDataDetails</code></pre> 方法,但是当它到达第一行时 <pre><code>$.ajax({</code></pre> 它从方法中退出。<br/> 当我调试我的代码时没有错误。它也击中了方法,但从这里出去<pre><code>$.ajax({</code></pre>。<br/> 我错过了什么?</p> </question> <answer tick="false" vote="0"> <p>您不显示按钮标记。 (所以,这是一个关于某些按钮单击代码不起作用的问题,但该按钮的所有重要标记都丢失了)。</p> <p>我不建议您编写代码将某些单击事件附加到按钮。在大多数情况下,您最好只需输入要在按钮标记中运行的单击函数。</p> <p>引入 jQuery 选择器代替一些简单的标记会在代码中引入更多故障点。更糟糕的是,现在您不再需要查看按钮标记,还必须在标记中的其他位置查找一些可能添加单击事件的 jQuery 按钮选择器代码。这不仅增加了开发人员的工作量,而且引入了更多可能失败的代码。 (因此增加了开发人员的工作量和调试工作量)。</p> <p>查看您的 jQuery 选择器代码,您正在使用“*”,而实际上对于 jQuery,您使用“^”来忽略起始文本(因此 ^=“以”结尾),并且您使用“$”来选择开始于。</p> <p>所以,只需转储额外的 jQuery 选择器代码即可。</p> <p>所以,我们有一个按钮,和这样的标记:</p> <pre><code> &lt;input id=&#34;Button11&#34; type=&#34;button&#34; value=&#34;ajax test&#34; onclick=&#34;TestFun();return false&#34; /&gt; &lt;script&gt; function TestFun() { $.ajax({ type: &#34;POST&#34;, url: &#34;AJPostTest.aspx/Hello&#34;, data: {}, success: function (response) { alert(&#39;return value = &#39; + response.d) }, error: function (xhr, status, error) { // Handle the error response console.log(error, status, xhr); } }); } &lt;/script&gt; </code></pre> <p>服务器方法是这样的:</p> <pre><code> [WebMethod] public static string Hello() { return &#34;Hello from server&#34;; } </code></pre> <p>在运行上面之前,请按 f11 打开浏览器调试工具。</p> <p>现在,当我单击上面时,控制台显示此错误:</p> <p><a href="https://i.stack.imgur.com/TcHzF.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL1RjSHpGLnBuZw==" alt=""/></a></p> <p>好吧,这意味着我没有“$”,这意味着我没有 jQuery 设置。</p> <p>让我们向页面添加jquery:</p> <p>所以,我们现在有这个:</p> <pre><code> &lt;script src=&#34;../Scripts/jquery-3.4.1.js&#34;&gt;&lt;/script&gt; &lt;input id=&#34;Button11&#34; type=&#34;button&#34; value=&#34;ajax test&#34; onclick=&#34;TestFun();return false&#34; /&gt; &lt;script&gt; function TestFun() { $.ajax({ type: &#34;POST&#34;, url: &#34;AJPostTest.aspx/Hello&#34;, data: {}, contentType: &#34;application/json; charset=utf-8&#34;, dataType: &#34;json&#34;, success: function (response) { alert(&#39;return value = &#39; + response.d) }, error: function (xhr, status, error) { // Handle the error response console.log(error, status, xhr); } }); } &lt;/script&gt; </code></pre> <p>现在的结果是这样的:</p> <p><a href="https://i.stack.imgur.com/qklS0.gif" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3FrbFMwLmdpZg==" alt=""/></a></p> <p>因此,修复您的 jQuery 选择器,或者实际上删除它,并使用上面的简单按钮进行测试。 (或发布您现有的按钮标记)。</p> <p>另外,如果将上述示例测试代码引入到您现有的页面中不起作用? 然后如前所述,检查浏览器调试工具,确保 jQuery 正常工作。</p> <p>接下来:</p> <p>如果您的网站启用了友好网址,那么在大多数情况下,您需要编辑/将重定向模式更改为关闭。</p> <p>因此,检查您的站点,然后在 app_start 下,打开 RouteConfig.cs,然后更改此内容:</p> <pre><code> public static void RegisterRoutes(RouteCollection routes) { var settings = new FriendlyUrlSettings(); settings.AutoRedirectMode = RedirectMode.Off; &lt;--- this to off routes.EnableFriendlyUrls(settings); } </code></pre> </answer> </body></html>

回答 0 投票 0

从ajax响应中获取html中的未定义

(抱歉拼写错误) 大家好 希望您度过愉快的时光。 我第一次使用ajax,并尝试通过ajax向html添加一些元素(发送和接收的消息),但仅限于此...

回答 1 投票 0

Ajax API 调用 Access-Control-Allow-Origin。来源不允许访问[重复]

我已经阅读了我能找到的关于该主题的所有可能的链接,但我仍然无法让它工作。 我正在向 API(在另一个域上)发出 AJAX 请求(从我的域),但我一直收到...

回答 1 投票 0

API 消费中不包含数据

在我的项目中,我通过搜索进行过滤。我在API端查询时可以获取数据,但在MVC端使用API时没有数据。 API控制器, [HttpGet("

回答 1 投票 0

如何在 fetch() 中使用 no-cors

我有一个问题。我试着解释一下。 我的客户要求我建立一个门户网站,用于使用基本身份验证在私人服务器上获取和修改数据。 私有服务器返回一个XML文件。 我尝试使用...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.