【简单理解JavaScript之AJAX】教程文章相关的互联网学习教程文章

使用php include或javascript ajax【代码】

我正在创建一个应用程序,我试图弄清楚最好的方法是我加载json文件. 我正在考虑的一种方法是php includevar jsonFile = <?php echo include "jsonFile.json";?>; var jsonFile_2 = <?php echo include "jsonFile2.json";?>;//and more possible includes或Ajax更好?$.ajax({type: "GET",url: "jsonFile.json",dataType: "json",success: function () {//more nested ajax calls }});或者两者的混合? 到目前为止,有3个json文件将被...

javascript – $.ajax vs $.post:获取允许来源错误【代码】

使用这个做ajax很好:$.post("http://localhost:3000/scrape",{data: json},function(data, status){});但这不是?$.ajax({type: 'POST',url: 'http://localhost:3000/scrape',data: json,contentType: "application/json",success: function(data,status){},async:false});使用$.ajax我得到了错误XMLHttpRequest无法加载http://localhost:3000/scrape.对预检请求的响应未通过访问控制检查:请求的资源上不存在“Access-Control-Al...

javascript – 通过ajax登录和注册是否安全?【代码】

我的JS代码(例如,可能存在一些语法错误)$(document).on('click','#btnEdit',function(e){ var id = $("#inp_id").val(), ps = $("#inp_ps"); $.ajax({type: 'POST',url: 'http://example.php',data: {act:'#LogIn',id:id,ps:ps},success: function(response){if($.trim(response) === "success"){alert("Login Successful"); }else{alert("Invalid ID or Password");}}}); });在PHP里面if($_POST[act] == "#LogIn"){$userid ...

Javascript / AJAX在Opera中不起作用,在FF / IE / Chrome中运行完美【代码】

我目前在名为getresults.js的文件中有这个Javascript:function getItems(str) { if (str==""){document.getElementById("getItems").innerHTML="";return;} if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safarixmlhttp=new XMLHttpRequest();} else{// code for IE6, IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");} xmlhttp.onreadystatechange=function(){if (xmlhttp.readyState==4 && xmlhtt...

javascript – 在ajax调用后再次运行jquery函数【代码】

在ajax调用之后有没有办法再次运行脚本? 我有一个photoswipe(灯箱)jquery插件,我这样称呼:jQuery(document).ready(function($){if( $('.img-frame a').length > 0 ){var myPhotoSwipe = $(".img-frame a").photoSwipe();} });我还有一个ajax’加载更多帖子’的功能,显然photoswipe不会定位第一页加载后加载的图像. 我没有太多的ajax知识,对此有什么帮助吗?谢谢 更新:这是’加载更多’脚本:jQuery(document).ready(function($)...

javascript – 在AJAX请求后刷新jQuery代码【代码】

例如,假设我有一些按钮在单击时调用AJAX请求.$(document).ready(function(){$('button').each( function() {$(this).click( function() {alert('Clicked.');// ...AJAX request...});}); });当我点击一个按钮时,一切正常. 但是如果我用AJAX请求加载按钮然后点击它们,上面的代码就会停止工作. 我怎么能摆脱这个? 我试过了on()方法$(document).ready(function(){$('button').each( function() {$(this).on('click', function() {ale...

javascript – Ajax轮询聊天在快速聊天时在消息接收器前端获得重复【代码】

我使用以下方法开发了一个javascript聊天(后端的php):1) long-polling to get new messages for the receiver 2) sessionStorage to store the counter of messages 3) setInterval to read new messages and if sessionStorageCounter < setIntervalCounter then the last message is shown to receiver. 4) javascript to create,update and write the chat dialogues该模块工作正常,但当用户快速聊天时,接收者的前端会收到两...

javascript – 在ajax调用中填充Vue.js中的下拉列表【代码】

我希望能够进行ajax调用并使用返回的结果生成使用vue.js的下拉列表选项.我可以做这个:<select v-model="selected"><option v-for="option in options" v-bind:value="option.value">{{ option.text }}</option> </select> <span>Selected: {{ selected }}</span>.js文件new Vue({el: '...',data: {selected: 'A',options: [{ text: 'One', value: 'A' },{ text: 'Two', value: 'B' },{ text: 'Three', value: 'C' }]} })但我不想让...

javascript – 从ajax调用中对动态HTML应用猫头鹰轮播【代码】

我需要将一个猫头鹰轮播及其所有CSS应用于来自ajax调用的动态HTML元素. 目前,代码如下所示:jQuery(function ($) {$('.entry-content').addClass('entry-content--quiz')$('.get-questions').on('click', function (e) {e.preventDefault();let url = $(this).attr('href');$.ajax({url: url,}).done(function (data) {$('.entry-content').html(data);$('#wpvq-page-0').owlCarousel({items:1,slideBy: 1,stagePadding: 0,nav: tr...

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 – AJAX延迟下一行的执行【代码】

鉴于以下代码,任何人都可以帮助我理解为什么在第二个警报之后执行第一个警报?我相信这是因为ajax有一个很小的延迟,直到它取出数据,如果我错了,请纠正我.谢谢你提前.Javascript code:window.onload = function() { arry = new Array(); jQuery.ajax({ type: "GET",url: "index.php?op=17&id=@@postID@@&action=fetch", dataType: "text",success: function(response){ var e = response;console.log(JSON.parse(e));arry =...

javascript – Ajax字符串长度限制?【代码】

可以添加到ajax的url的参数长度是否有限制?我在Ruby上使用Thin服务器,并以这种格式从Web浏览器发出ajax请求:io=new XMLHttpRequest(); io.open("GET","http://localhost:3000&v="+encodeURIComponent(JSON.stringify(v)),true);当字符串v的长度超过大约7000字节时,它似乎崩溃了.当更少时,似乎工作.我的观察是对的吗?限制来自哪里?从Thin,Javascript还是浏览器?我使用谷歌Chrome浏览器.解决方法:Is there a limit to the lengt...

javascript – 在ajax响应后在Flask中渲染Jinja模板【代码】

这是我第一次潜入Flask Jinja,但我过去曾经使用过HandlebarsJS,所以我知道这是可能的,但我不知道如何用Flask解决这个问题: 我正在构建一个应用程序:用户输入一个字符串,通过python脚本处理,结果是ajax返回到客户端/ Jinja模板. 我可以使用$(“body”).append(response)输出结果,但这意味着我需要在追加中编写一些讨厌的html. 相反,我想在处理结果后渲染另一个模板,并将新模板附加到原始模板中. 这可能吗? 我的python:from flas...

javascript – AJAX发布请求使用qwest.js goo.gl url shortener api【代码】

我正在尝试使用goo.gl URL Shortener API缩短URL,这是一个开源库(qwest.js).我已经使用jquery成功实现了它,但它给了我错误“这个API不支持解析表单编码的输入.”当使用qwest完成时. 我的代码用jquery:var longURL = "http://www.google.com/";$.ajax({url: 'https://www.googleapis.com/urlshortener/v1/url?key=AIzaSyANFw1rVq_vnIzT4vVOwIw3fF1qHXV7Mjw',type: 'POST',contentType: 'application/json; charset=utf-8', data: '...

javascript – 为什么AJAX重定向到PHP中的新页面【代码】

我有一个表格:<form class="searchForm"><div class="box_style_1"><h4><?= Yii::t("common", "Age"); ?></h4><?echo '<b class="badge">3</b> ' . Slider::widget(['name'=>'age','value'=>'250,650','sliderColor'=>Slider::TYPE_GREY,'pluginOptions'=>['min'=>3,'max'=>21,'step'=>1,'range'=>true],]) . ' <b class="badge">21</b>';?><br /><br /><input type="submit" value="Search" class="searchByAge"/><br /><br /></...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部