【ajax异步回调函数中给外部变量赋值的问题探讨】教程文章相关的互联网学习教程文章

javascript – 在beforeSend之后调用JQuery Ajax成功函数【代码】

我有以下javascript:function someFunction(string) {$.ajax({type: "GET",url: "some_endpoint_returning_json",async: false,data: "param=" + string,beforeSend: function() {$.blockUI({ message: '<h1><img src="static/busy.gif" /> Just a moment...</h1>' });},complete: function () {$.unblockUI();},dataType: "json",success: function(data) {window.alert(data.status);}}); }我希望UI在发送ajax请求之前使用包含的...

javascript – 如何让这个函数返回使用jQuery.ajax检索的值?【代码】

我需要返回动态加载的内容.我认为这是实现它的方法,但该函数返回空白.为了使用从jQuery.ajax检索的html代码设置htmlCode,我需要做什么?// Get directory listingfunction getHTML(instance, current_path, dir) {var htmlCode = '';jQuery.ajax({type: "POST",url: "../wp-content/plugins/wp-filebrowser/jquery.php",dataType: 'html',data: {instance: instance, current_path: current_path, dir: dir},success: function(htm...

IT兄弟连 JavaWeb教程 jQuery中其他AJAX支持的函数

● $.get()函数 $.get(url,data,function,dataType);参数说明如下: url:请求地址 data:请求参数 dataType:服务器返回的数据类型 function:服务器正常处理时执行的回调函数 ● $.post()函数 $.post(url,data,function,dataType);参数说明如下: url:请求地址 data:请求参数 dataType:服务器返回的数据类型 function:服务器正常处理时执行的回调函数 ● $.getJSON()函数 $.getJSON(url,data,function);参数说明如下: ur...

javascript – jQuery .ajax在发送请求之前调用成功函数【代码】

我正在尝试为我的网站制作一个聊天框.基本上,用户使用id chat-input将聊天内容键入textarea.当用户单击Enter按钮时,它会调用sendChat()函数.此函数将请求发送到服务器上的php文件,该文件将用户的聊天添加到chatlog(服务器上的文本文件).成功时,javascript应该调用update()函数,该函数对服务器上的chatlog.txt文件执行get请求,并将其加载到id为prev-chats的div中.问题是javascript在服务器响应之前调用update(),因此在刷新页面之前不...

javascript – 用PHP上的jQuery ajax函数更新div内容【代码】

我试图通过使用jQuery中的.ajax()函数将两个输入字段的值发送到php文件(search_value.php)来更新我的div内容(#update_div). 如果我只是使用html表单POST方法重定向输入字段的两个值,它可以工作.所以search_value.php应该是正确的. 我的HTML代码:<form id="my_form"><input id="food" name="food"><input id="amount" value="amount in gram" name="amount"><input type="button" value="Update" id="submit" name="submit" /> </f...

javascript – Ajax中的多个成功函数【代码】

我正在使用Ajax脚本从我的数据库中获取数据并将其发布到多个文本框中.发布数据后,我还想用文本框计算. 当我运行脚本时,我看到该脚本同时运行所有计算.有人知道如何在我的脚本中构建多个onSuccess函数,以便脚本按正确的顺序执行代码吗? 这是我的脚本:$(document).on('change', '[id^=vat1]', function getVat12() { // Do an Ajax request to retrieve the product price console.log("getVat2 before ajax", jQuery('#vat1').val...

javascript – 使用return包装jquery ajax函数【代码】

我试图使我的一些javascript更可测试,作为其中的一部分,我在类中包含某些功能,所以我可以在我的测试中模拟它. 无论如何,我试图结束我的ajax,所以就我的应用程序而言,它要求服务一个对象.在内部,它会发出ajax请求,然后对数据执行某些操作然后返回它. 那么下面的例子是可能的吗? (我现在正在移动,所以不能为自己尝试)function SomeAjaxService(webServiceUrl) {this.getSomeModel = function(someUniqueId){var ajaxOptions = {url:...

javascript – 将$.when()/ $.promise()与包含AJAX的函数一起使用【代码】

在这个问题上真的很难,而且我知道$.when()可以这样使用(有多个AJAX语句)来保证你完成所有内容. http://jsfiddle.net/M93MQ/$.when($.ajax({ url: '/echo/html/', success: function(data) {alert('request 1 complete')}}),$.ajax({ url: '/echo/html/', success: function(data) {alert('request 2 complete')}})).then( function () { alert('all complete'); });但这只适用于原始的$.ajax(),无论如何都有与函数调用相同的功能,反...

c# – Jquery Ajax的成功函数未调用【代码】

我从Jquery ajax调用MVC控制器方法.$(document).ready(function () {$.ajax({type: "POST",url: "/Customer/GetDetails",contentType: "application/json; charset=utf-8",async: false,cache: false,success: function (data) {$.each(data, function (index, value) {alert(value);});}});});我有一个名为Customer的实体. Controller Method从DB获取记录并存储为Customer of List,并以JsonResult类型返回该列表.public JsonResul...

当数据在javascript codeigniter php中使用ajax成功函数时,如何禁用页面重新加载?【代码】

我有一个注册表,想要检查注册用户是否会再次注册以显示已使用ajax功能注册的警报窗口. 我使用了codeigniter框架. 我的功能正常工作,但当警报弹出并按下确定页面重新加载.我想禁用 我的表格代码:<form class="modal-content" name="form2" action="<?= $this->config->base_url();?>home/register_user" method="post" onSubmit="return ValidateRegister()"><div class="modal-header"><button type="button" class="close" data-...

php – 谷歌recaptcha与我的jquery / ajax函数【代码】

搜索有关设置reCaptcha似乎导致使用jQuery验证.但是我不确定如何在ajax表单提交的上下文中执行此操作. 目前我正在使用Validity,而不是jQuery验证.我的标题中有脚本引用,密钥就位. 我应该在哪个阶段验证reCaptcha?<form id="intake-form" class="grid-form" action="javascript:void(0);">...<div class="g-recaptcha" data-sitekey="key_here"></div><input type="submit" name="submit" value="Send!" /><br /><p id="formstatus...

javascript – 从ajax函数中检索数据库中的数据值【代码】

我有一个ajax函数,它将从我的数据库中检索数据并将其显示在我的文本框中.我使用JQuery Form Plugin来缩短ajax过程.现在我想要做的是从我从ajax函数调用的php脚本中获取数据. 表单标记是:<form action="searchFunction.php" method="post" id="searchForm"><input type="text" name="searchStudent" id="searchStudent" class="searchTextbox" /><input type="submit" name="Search" id="Search" value="Search" class="searchButt...

ajax背景、ajax对象、ajax状态、ajax与http、ajax请求数据接口、同步与异步、ajax请求XML数据、封装ajax函数、artTemplate简介、同源策略和跨域请求、JSONP【代码】

AJAX简介: ajax背景: 1.AJAX(Asynchronous JavaScript And Xml)异步的 JavaScript 和 XML:ajax是浏览器提供的一套API,最早出现在谷歌浏览器,是在浏览器端进行网络编程(发送请求、接收响应)的技术方案。它可以使我们通过JavaScript直接获取服务端最新的内容而不必重新加载页面,让web更接近桌面应用的体验。 2.涉及到ajax操作的界面‘不能’使用文件协议(文件的方式)访问,实际是可以访问的。 3.ajax是一套API,核心提供的类型:...

如何封装一个Ajax函数【代码】

如何封装Ajax函数 一个Ajax函数: // 一个Ajax函数 var xhr = null; if(window.XMLHttpRequest){xhr = new XMLHttpRequest; }else{xhr = new ActiveXObject("Microsoft.XMLHTTP"); } xhr.open("GET","https://jsonplaceholder.typicode.com/users"); xhr.send(null); xhr.onreadystatechange = function(){if(this.readyState === 4){console.log(xhr.responseText)} } 封装自己的 Ajax 函数 参数1:{string} 请求方法--method 参数...

十、Ajax-axios函数发送请求【代码】

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>axios发送ajax请求</title><script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script> </head> <body><h2>发送AJAX请求</h2><button>GET</button><button>POST</button><button>Ajax</button><script...