AJAX(异步JavaScript和XML)是一种通过客户端和服务器之间的异步数据交换来创建无缝交互式网站的技术。 AJAX有助于与服务器进行通信或部分页面更新,而无需传统的页面刷新。
向启用 CORS 的 NGINX 服务器发出 AJAX 请求
我正在尝试连接到 ReSTful API,为此我需要让服务器知道我有权这样做。我自己托管这个 ReST API,并使用 NGINX 作为反向代理。我已经配置了...
我正在使用 Asp.Net MVC,但我遇到了表单问题。 我在一个视图内有一个部分视图,该视图内有一个表单。 它看起来像这样: Main.cshtml 内部 我正在使用 Asp.Net MVC,但我遇到了表单问题。 我在视图内有一个部分视图,该视图内有一个表单。 看起来像这样: Main.cshtml 内部 <div id="Artikel" hidden> @Html.Action("_Artikel", Model); </div> 这将呈现部分视图。 部分视图的控制器 public ActionResult _Artikel() { return PartialView() } 所有这些都工作正常,但是当我发射我的Ajax.BeginForm(...)时,它取代了整个视图,而不仅仅是 Arikel Div。 部分视图内 @using (Ajax.BeginForm("_Artikel", "Home", new AjaxOptions { HttpMethod = "post", InsertionMode = InsertionMode.Replace, UpdateTargetId = "Artikel" })) { ... } 我读了很多文章,说 jQuery.Unobtrusive.Ajax 在最新版本的 jQuery 中不支持。 但我实在不明白为什么它总是占据整个页面。 有人能帮我吗?如果您需要更多代码,请询问。 确保启用 Unobtrusive JavaScript <add key="UnobtrusiveJavaScriptEnabled" value="true" /> 在您的 web.config 文件的 appSettings 中。 问题实际上是您没有将 jquery.unobtrusive-ajax.min.js 的链接放在主布局中。检查 ~/Scripts/jquery.unobtrusive-ajax.min.js 是否已加载。如果未加载,浏览器将部分视图打开为完整页面。我遇到了这样的问题,然后我按以下方式放置了链接。它开始工作了。 在我非常旧的网络应用程序中,问题是同一页面上使用了不同版本的 jquery。 当然,无论如何都要避免这种情况。只是在这里提到它,以便其他人可以将此错误(Ajax.BeginForm 替换整个页面)链接到混乱的 JavaScript 设置。
用户注销后使用 [Authorize] 属性发布 Ajax 表单 ASP.NET
简介 我正在使用 C# 中的 ASP.NET MVC 为客户端构建 Web 应用程序。 我在模式窗口中有一个 Ajax 表单,当用户单击按钮时会提交该表单。 用户必须登录,在...
我可以使用以下代码显示模式弹出窗口 我可以使用以下代码显示模式弹出窗口 <asp:scriptmanager id="ScriptManager1" runat="server"> </asp:scriptmanager> <asp:button id="Button1" runat="server" text="Button" /> <cc1:modalpopupextender id="ModalPopupExtender1" runat="server" cancelcontrolid="btnCancel" okcontrolid="btnOkay" targetcontrolid="Button1" popupcontrolid="Panel1" popupdraghandlecontrolid="PopupHeader" drag="true" backgroundcssclass="ModalPopupBG"> </cc1:modalpopupextender> <asp:panel id="Panel1" style="display: none" runat="server"> <div class="HellowWorldPopup"> <div class="PopupHeader" id="PopupHeader">Header</div> <div class="PopupBody"> <p>This is a simple modal dialog</p> </div> <div class="Controls"> <input id="btnOkay" type="button" value="Done" /> <input id="btnCancel" type="button" value="Cancel" /> </div> </div> </asp:panel> 但是我需要保持页面处于活动状态并让用户继续在页面上进行选择而不关闭模式弹出窗口。这可能吗? 感谢任何帮助。 我不相信 AJ 工具包中的模式对话框允许这样做。 虽然我过去使用过 AJ 工具包中的模式对话框,但随着时间的推移,无法将对话框放置在我想要的屏幕上,这成为了一个问题。 使用 AJ Toolkit 弹出窗口的唯一真正好处是无需编写任何 JavaScript。 除了不必编写 JavaScript,随着时间的推移,由于附加功能,我转向了 jQuery.UI 对话框。 jQuery.UI 对话框比 AJ Toolkit 对话框工作得更好,甚至比引导对话框工作得更好,并且标记更少。 jQuery.UI 对话框唯一真正的缺点是默认情况下它看起来像 2000 年初网络时代的风格(看起来很差)。 但是,通过一些 CSS 工作,结果会很不错。 jQuery.UI 对话框还支持在页面上拖动,比 AJ Toolkit 对话框更好。 您的问题是另一个例子,也是为什么使用 jQuery.UI 对话框是更好的选择的原因。 jQuery.UI 对话框具有“modal”= true/false 设置,非常适合这个问题。 因此有了这个示例和标记: 标记: <asp:Button ID="cmdTest" runat="server" Text="Show my pop up" OnClientClick="showpop(this);return false;" CssClass="btn" /> <br /> <br /> <label>First Name</label> <br /> <asp:TextBox ID="txtFirst" runat="server"></asp:TextBox> <br /> <br /> <label>LastName Name</label> <br /> <asp:TextBox ID="txtLast" runat="server"></asp:TextBox> <br /> <br /> <label>Hotel Name</label> <br /> <asp:TextBox ID="txtHotelName" runat="server"></asp:TextBox> <div id="mypopdiv" style="display:none;padding:20px" > <h3>My Test popup area</h3> <label>My Notes Area</label> <br /> <br /> <asp:TextBox ID="txtNotes" runat="server" TextMode="MultiLine" Height="139px" Width="354px" ></asp:TextBox> </div> <script> function showpop(btn) { myDialog = $("#mypopdiv") myDialog.dialog({ title: "Page notes", sizable: true, appendTo: "form", width: "400", modal: false, dialogClass: "dialogWithDropShadow", position: { my: 'left top', at: 'right bottom', of: btn }, buttons: { Close: function () { myDialog.dialog('close'); } } }) } </script> 结果是这样的: 请注意我如何自由打开、关闭、在对话框中移动,以及如何自由编辑弹出窗口中的文本,或编辑+使用现有页面上的任何其他控件。 编辑:通过 CDN 的 jQuery 和 jQuery.UI 因此,引用 jQuery 和 jQuery.UI,因此: <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/smoothness/jquery-ui.css" /> <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.min.js" ></script> <style type="text/css"> .dialogshadow { -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); } </style> 然后你的 .dialog 调用看起来像这样: <script> function showpop(btn) { myDialog = $("#mypopdiv") myDialog.dialog({ title: "Page notes", sizable: true, appendTo: "form", width: "400", modal: false, dialogClass: 'dialogshadow', position: { my: 'left top', at: 'right bottom', of: btn }, buttons: { Close: function () { myDialog.dialog('close'); } } }) } </script> 现在,我更喜欢这个影子类,并且是我在这段代码中使用的影子类: <style> .dialogWithDropShadow { -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); border-radius: 10px; } .dialogWithDropShadow .ui-dialog-titlebar { background: white; border: none; border-bottom: 1px solid #ccc; } .dialogWithDropShadow .ui-dialog-titlebar-close { display: none } </style> 以上结果是这样的: 所以,我“隐藏”“x”以关闭右上角。如果你删除这个: .dialogWithDropShadow .ui-dialog-titlebar-close { display: none } 然后你会得到这个: 我可以通过以下链接实现我的目标。谢谢你 https://www.aspdotnet-suresh.com/2013/10/jquery-floating-div-on-page-scroll.html
将Handsontable下拉选项的source属性设置为相应的数据值
我有一个从ajax调用中获取的数据数组 data=[ // 都是动态值,可以变化 ['亚历克斯', '16', ['2024-01-01,50000', '2024-03-01,20000', '2024-05-01,30000']], ['鲍勃','21',['
通过 Ajax 通过 MemoryStream 下载 Excel 适用于新 Excel,但不适用于服务器中现有的 Excel 文件
我有一个 .Net 6 Razor 页面应用程序,我需要通过 Ajax 单击按钮来下载 Excel。我能够通过使用 OpenXML 在内存流中创建新的 Excel 工作簿来成功做到这一点
在 .NET 6 Razor Pages 中发布表单时绑定包含附加(嵌套)列表的对象列表的正确语法是什么
我正在尝试绑定一个复杂对象,其中包含复杂对象列表,其中也包含自己的复杂对象列表;所以嵌套的对象列表。数据绑定到页面,无需...
jQuery - 如何通过单击按钮删除附加元素及其每个循环上的数据
我的选择上有每个循环和附加选项。我想用removeData()删除附加元素(或者可能只是数据),但它不起作用。 这是我的选择: 我有每个循环并在我的select上附加option。我想使用 removeData() 删除附加元素(或者可能只是数据),但它不起作用。 这是我的选择: <select name="service" id="service" class="form-select"> <option value="" disabled selected>-- SELECT SERVICE --</option> </select> 这是我的成功功能: success: function(response){ console.log(response); $('#service').attr("disabled", false); $.each(response, function(i, val){ $('#service').append( ` <option value="${val.service}">${val.service}, ${val.description}</option> ); }); } 按钮点击: $('#reset').on('click', function() { $('#service').removeData(); }); 我该怎么办?也许我应该使用另一种方法?或者也许我应该在成功函数之外访问response,但是如何访问?请帮助我。 已经从https://stackoverflow.com/a/29457495/12897358找到了答案。使用 remove() 方法,但使用一些选择器。 $('#service').children('option:not(:first)').remove();
如何在 ASP.NET Core 8 MVC 中实现一个表单,其中部分控件通过 Ajax 更新?
我对 C# 和 ASP.NET MVC 完全陌生。 在我当前使用 ASP.NET Core 8 的项目中,我面临着更新表单控件部分的问题。 我研究过这个问题并发现......
我正在使用Reactjs并通过JavaScript中的AJAX使用API。我们如何解决这个问题?以前我使用过 CORS 工具,但现在我需要启用 CORS。
所以基本上我的 html 主页面有 3 个按钮,每个按钮都有一个不同的背景图像链接到它。我正在尝试通过 ajax post 将此图像的源传递到我的 Php 文件以...
使用 XMLHttpRequest 加载多个音频文件并将它们附加到 Web Audio API 中播放
我有一个网络,可以按确定的顺序加载三个不同的音频文件(虽然每个一秒),然后合并到一个音频缓冲区中(一个接一个)。 为了展示我想要的...
我正在尝试使用以下代码从 Spotify 获取“访问令牌”。 var 编码 = btoa(client_id+':'+client_secret); 函数 myOnClick() { console.log('点击了!'); $.ajax({ url: 'http...
我试图通过向代理提供提示来生成 SQL 查询,但是当我尝试执行代理来生成 SQL 查询时,它给了我错误, “这个输出解析器只能工作
我正在尝试检索特定查询的 Bing Images 的网页内容。 我目前正在通过curl 命令通过以下URL(在示例foo 搜索的情况下)与Bing 进行通信...
Jquery Ajax 无法与 Codeigniter 一起使用
我是一个ajax初学者,这里我尝试使用Ajax在同一页面中显示文本框值。 我的控制器代码: 我是 ajax 初学者,这里我尝试使用 Ajax 在同一页面中显示文本框值。 我的控制器代码: <?php class Merchant extends CI_Controller { public function ajaxtest() { $this->load->helper('url'); $this->load->view('ajaxtest'); $fullname = $this->input->post("fullname"); echo $fullname; } } ?> 这是我的查看代码: <head> <script src="<?php echo base_url();?>assets/js/jquery-latest.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#getinfo").click(function() { $.ajax({ type: "POST", url: "<?php echo base_url(); ?>merchant/ajaxtest", data: {textbox: $("#fullname").val()}, dataType: "text", cache:false, success: function(data){ $('#mytext').html(data); } }); return false; }); }); </script> </head> <body> <form method="post"> <input type="text" id="fullname"/> <input type="button" value="getinfo" id="getinfo"/> <span id="mytext"></span> </form> </body> 当我单击按钮 getinfo 时,我想将文本框中的文本显示为跨度文本。但现在什么也没显示.. 更新: 经过专家的意见,我编辑了一些文本(参见我的编辑注释),现在当我单击按钮时,它再次显示一个文本框和一个按钮..!! 您是否使用 Javascript 上的链接设置了 base_url 变量? 因为您的帖子网址包含此变量,您需要设置它才能使其正常工作。因此,请使用 base_url 链接初始化变量。 请参阅下面更正的示例。设置您的域名而不是 yourbaseurl.com <script type="text/javascript"> $(document).ready(function(){ var base_url='http://yourbaseurl.com/index.php/'; $("#getinfo").click(function() { $.ajax({ type: "POST", url: base_url + "merchant/ajaxtest", data: {textbox: $("#fullname").val()}, dataType: "text", cache:false, success: function(data){ $('#mytext').html(data); } }); return false; }); }); </script> 您的 base_url 变量似乎在 JavaScript 中未定义。 获取基本 URL 的一种简单方法是在隐藏输入中回显它,然后在 JS 代码中获取该输入的值: HTML <input type='hidden' id="baseUrl" value="<?php echo base_url(); ?>" /> JS var base_url = $('#baseUrl').val(); $.ajax({ type: "POST", url: base_url + "/merchant/ajaxtest", data: {textbox: $("#fullname").val()}, dataType: "text", // ... 您将文本框作为参数从 ajax 传递到控制器,并尝试获取名称为 fullname 的 POST 数据。这是行不通的,因为您将参数名称作为文本框传入。在您的帖子中访问该内容: class Merchant extends CI_Controller { public function ajaxtest() { $this->load->helper('url'); //you dont need to load view so comment it //$this->load->view('ajaxtest'); $fullname = $this->input->post("textbox"); //not fullname echo $fullname; } } js <script type="text/javascript"> $(document).ready(function(){ var base_url='http://yourbaseurl.com/index.php/'; $("#getinfo").click(function() { var fullname = $("#fullname").val(); alert("Fullname:" + fullname); //do you get this alert $.ajax({ type: "POST", url: base_url + "merchant/ajaxtest", data: {textbox: fullname}, cache:false, success:function(data){ alert("Response:" + data); //do you get this alert $('#mytext').html(data); } }); return false; }); }); </script> 尝试使用这个: <base href="<?=base_url();?>"> <script src="assets/js/jquery-latest.min.js"></script> 这在 ajaxtest 中: $this->load->helper('url'); 并且还注释掉这个: // $this->load->view('ajaxtest'); 此回复可能有点晚了 - 但有人可能会在寻找解决方案时发现这一点。 我在使用 Codeigniter 和 JQuery ajax/post 响应时遇到了同样的问题。无论我如何尝试,我都无法让它发挥作用。 最后发现是 php_error 导致了这个问题。一旦我删除它,我的帖子/回复一切正常。
尝试用PHP代码建立一个包含添加产品功能的网站。假设我们要添加手机产品,类别将是手机,子类别可以是三星或 iPhone。又一个考试...
尝试用PHP代码建立一个包含添加产品功能的网站。假设我们要添加手机产品,类别将是手机,子类别可以是三星或 iPhone。又一个考试...
bootstrap popover:使用ajax重新加载内容
我在使用ajax 重新加载引导程序弹出窗口的内容时遇到问题。 这是一些代码:http://pastie.org/3960102 第二个ajax请求(当我点击“a.close”时)返回更新的内容(我...
语法错误:意外的标记“<', "<br /><b>”...不是有效的 JSON
我是一名初学者程序员。我目前正在制作一个杂志类型的网站,其中包含详细信息按钮和“添加到收藏夹”按钮,主要使用 AJAX 和本地存储的 Javascript。除此之外还有 JSON...