如何将ajax请求从jQuery纯js转换？
将ajax请求从jQuery纯js转换的方法如下：
- 创建一个XMLHttpRequest对象：
- 创建一个XMLHttpRequest对象：
- 设置请求的方法、URL和是否异步：
- 设置请求的方法、URL和是否异步：
- 设置请求头（可选）：
- 设置请求头（可选）：
- 监听请求状态变化的事件：
- 监听请求状态变化的事件：
- 发送请求：
- 发送请求：
完整的纯js实现的ajax请求示例代码如下：
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api', true);
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
console.log(response);
}
};
xhr.send();这样就完成了将ajax请求从jQuery转换为纯js的过程。在这个过程中，我们使用了XMLHttpRequest对象来发送请求，并通过设置请求的方法、URL、请求头和监听请求状态变化的事件来实现ajax请求。
相关·内容
2回答
我有一个巨大的烦恼，我不能解决。我的Rails应用程序发出了一个jQuery post请求，这个请求在开发中工作得很好，但在生产中却变成了Get。资产似乎预编译正确，我实际上可以美化生产js代码并找到确切的ajax代码(与我在开发中拥有的代码相同)。
//my js
$(document).on("click", ".create-candidate-submit", function (e, data) {
urlToPost = DOMAIN_NAME + "stories/" + e.currentTarget.id + "/
浏览 2提问于2014-11-08得票数 0
2回答
我创建了一个主要由main.js文件组成的简单firefox，但是我需要使用jquery。但我不知道如何将脚本添加到我的项目中，以便可以访问它。请帮帮我！
我找到了这个例子，但仍然说$是未定义的。
var data = require("sdk/self").data;
contentScriptFile: data.url("jquery-1.11.2.min.js")
浏览 2提问于2015-03-19得票数 1
回答已采纳
1回答
我正在为用户创建一个小工具，放在他们的博客上，将流量定向到我的优惠券代码网站。我想要的小工具访问数据库，并输出当天的5大优惠券。以下是我将他们放在他们的网站上的内容：
<script src="http://example.com/widget/script.js" type="text/javascript"></script>
<div id="example-widget-container"></div>
现在，script.js文件如下所示：
(function() {
// Local
浏览 2提问于2011-09-28得票数 0
下面的两个脚本并不完全相同，尽管我相信它们是相同的。为什么？
我会给你一些关于这篇文章的背景信息。我正在尝试构建一个图像上传表单，该表单发出AJAX请求以创建动态上传页面。自从我了解了HTML5的File API之后，我尝试在AJAX请求中使用它。我在上通过一些很好的例子构建了自己的实例。我的工作脚本对AJAX请求直接使用JS，但我尝试构建一个使用jQuery的版本。我的问题是，为什么jQuery版本不能正常工作？据我所知，它是从JS xhr风格的AJAX到jQuery风格的AJAX的直接移植。(这个问题的重点是对jQuery的AJAX API有一个理论上的理解；因为我已经有了一个工作脚本，所
浏览 2提问于2013-03-20得票数 0
2回答
我的回调不支持跨域的json数据
、、、、
我使用ajax调用从跨域url获取json数据，使用"jsonp“数据类型，但调用函数时出错。我可以在mozilla developer -> Network-> response中看到json数据。代码如下：
$(document).ready(function() {
$.ajax({
url : 'https://www.example.com /fetchdata?param=1',
type : 'POST',
crossDomain : true,
dataType : 'jsonp',
headers : {
浏览 0提问于2016-09-10得票数 0
大约5个月前，我问过关于用纯Javascript重写ajax调用的问题。原文如下：
我从来没有想过要完全重写脚本，因为它可以工作，但现在我需要将整个脚本重写为普通的js。我已经开始了。下面是jQUery/JS的组合：
var cc = document.getElementsByClassName("cart-count");
var wc = document.getElementsByClassName("wishlist-count");
var url = wp_ajax.ajax_url;
var data =
浏览 0提问于2016-07-19得票数 0
2回答
AJAX Get请求按钮
、、、、
我想在单击按钮时发送一个GET请求，但我不知道如何将AJAX脚本与该按钮连接起来。 <script>
var url = "http://myurl.com";
var xhr = new XMLHttpRequest();
xhr.open("GET", url);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
console.log(xhr.status);
console.log(xhr.responseText);
浏览 28提问于2020-09-15得票数 0
2回答
有没有可能在不使用PHP的情况下使用JavaScript/jQuery将文本保存到新的文本文件中？我试图保存的文本可能包含HTML实体、JS、HTML、CSS和PHP脚本，我不想转义或使用urlencode！
如果它只能使用PHP实现，那么我如何将文本传递给PHP而不对其进行编码？
浏览 0提问于2013-03-31得票数 28
回答已采纳
我在jQuery手机上遇到了一个奇怪的问题--如果我有指向同一个页面的锚链接，那么在单击链接并返回到同一个页面后，页面上的javascript就不会运行。
例如(test.html)：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.
浏览 2提问于2014-09-05得票数 2
回答已采纳
我使用的是现代版的jquery 1.5 ajax请求。添加到同一个域中的页面。我正在尝试使用grease和jquery改进内部网站点中的行为。
var jqxhr = $.ajax("anotherpage-response.html")
.success(function(data) {alert("cmp"); console.log(data);})
.error(function() { alert("error"); })
.complete(function() { alert("complete"); });
它当前
浏览 0提问于2011-11-09得票数 5
回答已采纳
我使用jquery的ajax方法从服务器动态加载一些html片段，并将片段插入到div中。在片段中有一些用于外部脚本的<script>标记。
在进行ajax请求时，我在Chrome工具栏中观察了网络活动，并发现脚本标记的GET请求附加了类似?_=1234567890的内容。我还注意到GET请求的发起者是jquery。我知道jquery这样做是为了避免使用缓存版本的AJAX请求，但我希望脚本被缓存。
真正令我惊讶的是，<script>标记是由jquery使用ajax获取的。当您在DOM中插入<script>标记时，浏览器应该负责加载和执行它吗？为什么jQuer
浏览 2提问于2014-04-06得票数 6
回答已采纳
我正在做一个带有查询的ajax请求，并想知道为什么我的响应已经是一个JS对象。
如果我做一个
var obj = jQuery.parseJSON(response);
“‘obj”为空，但我可以使用“response”作为js对象的数组。
这并不是一个真正的问题，但我想要理解这种行为。
谢谢
浏览 0提问于2012-02-02得票数 4
回答已采纳
3回答
无法从AJAX请求获得服务器端的data，因为req.body是空的(控制台日志，它是{})。
script.js：
$("#button").click(function(){
var number = $("#number").val();
$.ajax({
url: "/multiply",
type: "get",
data: number,
cache: false,
succe
浏览 1提问于2018-07-21得票数 1
回答已采纳
1回答
我正在使用从使用Jquery Mobile的页面到不使用的页面的链接。由于某些原因，Jquery Mobile样式一直存在于我链接到UNTIL的页面上，我刷新页面，在这种情况下，页面将正确加载。我很困惑是什么导致了这个问题，我已经在Firefox和Chrome上测试过了。我已经尝试禁用缓存所有没有运气。
有人知道是什么原因造成的吗？
提前谢谢。
hello_world.php:
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1&#
浏览 0提问于2014-06-14得票数 0
回答已采纳
我正在尝试执行以下jQuery.ajax请求，并且面临一个奇怪的问题。
当我使用IE9发送此请求时，尽管我发送了contentType参数，但它是缺失的，在chrome上，请求是可以的。
$.ajax({
type: "POST",
contentType: "application/x-www-form-urlencoded",
url: this.AgentServiceUrl + "/" + methodName,
data: data,
asy
浏览 1提问于2013-07-02得票数 3
我试图使用API从维基百科获取数据。
下面是初始代码的快照：
$(document).ready(function() {
var searchTerm = document.title;
$.getJSON("https://en.wikipedia.org/w/api.php?action=parse&page=" + searchTerm + '&prop=text&format=json&callback=?', function(json) {
$('#wikiInfo').html(
浏览 1提问于2017-04-04得票数 0
回答已采纳
我没有附件上传的浏览器工作。
一些提示是，另一些是。相当不错，但我无法将其转换为AJAX上传。
我正在寻找一个超级简单的HTML/JavaScript示例(带有或w/o jQuery)，说明如何将文件从(相对现代的)浏览器上传到db ，而无需使用jquery.couch.app.js包装器或其他东西。越简单越好。
任何帮助都很感激。
浏览 1提问于2012-08-08得票数 12
回答已采纳
2回答
我一直收到这个JSON错误，我认为它与html标记或任何其他与其冲突的标记有关。
以下是我的PHP代码：
<?php
require_once("connection.php");
class AddAdminUPController extends Connection{
public function addAdminUP(){
include "function.php";
$username = cleanData($_POST['username'
浏览 3提问于2016-12-29得票数 0
从正文中的脚本中，我动态地将jquery和SimpleModal加载到页眉。在对jQuery进行调用之前，我使用回调来确保它已完全加载--这是有效的。但是，当我动态加载SimpleModal脚本文件时，我不能随后调用它的方法。当SimpleModal脚本延迟加载时，它会显示无法引用当前文档对象。任何帮助都将不胜感激。
/******** Called once jQuery has loaded ******/
function scriptLoadHandler() {
jQuery = window.jQuery.noConflict(true);
main();
}
浏览 3提问于2012-09-15得票数 1
1回答
我是Javascript/jQuery的新手，所以请容忍我。我正在做一个Chrome扩展，在文件content_script.js中，我循环通过一个链接列表并发出ajax请求，以确定哪些链接具有404状态码。我知道请求是异步发出的，我怀疑这就是为什么当我从content_script.js向popup.js发送包含数组的消息时，该数组为空的原因，即使content_script.js中的console.log建议为空。
我很好奇，如果content_script.js中的console.log (在消息发送到popup.js之前出现)显示数组已填充，这怎么可能？我应该使用回调来解决这个问题吗？
浏览 0提问于2018-10-11得票数 0
2回答
是否可以使用ajax从浏览器发送IPP打印请求？
我假设它看起来像这样：
// Data to be sent
var data = "Testing\nTesting\n1\n2\n3";
// Jquery AJAX call
$.ajax("ipp://<printerip>:631", {
'type': 'POST',
'data': data,
'complete': function(jqXHR, textStatus){
aler
浏览 6提问于2012-03-16得票数 2
回答已采纳
我使用jQuery手风琴效果来显示一些信息。我包括图书馆：
drupal_add_js('http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js', file);
drupal_add_js('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js', file);
这些似乎很好，因为包括它们之后，我可以粘贴。
jQuery(".accordion").accordio
浏览 0提问于2012-08-22得票数 1
回答已采纳
2回答
防止仅在刷新后才提交
、、、
我有一页重定向到另一页。在第二页中，我阻止了.submit()的发生，并做了自己的事情。为此，我使用了以下代码：
<!DOCTYPE html>
<html>
<head>
<title>Email</title>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv=&
浏览 3提问于2013-11-04得票数 0
回答已采纳
我正在尝试将数据从ajax调用传递到Wordpress的特定页面。
下面是我使用的代码：
jQuery.ajax({type: "POST",
url: 'single-member-page.php',
data:{ size: 'item' },
success: function(){
//alert(data);
jQuery('#display-member-size').text(data)
浏览 0提问于2016-06-01得票数 1
2回答
是否可以使用jQuery删除本地文件？
我尝试通过使用php删除一个名为log.html的本地文件，该文件与我的index.php文件位于同一个目录中。
这是可行的，但我不能将它作为jQuery中的一个函数，因此我正在寻找一个jQuery替代方案。
浏览 0提问于2018-03-13得票数 1
回答已采纳
3回答
如何将ajax结果设置为全局变量PHP
这是index.php代码
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function()
{
functio
浏览 3提问于2013-09-19得票数 0
回答已采纳
2回答
我不知道如何将帖子标题放入jquery .ajax调用中。我能够创建和显示我的博客文章，现在我试图添加删除和编辑功能。我从删除开始，因为这显然是比较容易的两个。如何将博客标题从post数组中获取到我的functions.js文件中，以便删除数据库中的匹配记录？还有..。谢谢!
HTML
<?php
include 'scripts/db_connect.php';
include 'scripts/functions.php';
sec_session_start();
$sql =
浏览 2提问于2013-11-27得票数 0
回答已采纳
1回答
我用javascript制作了一个facebook，并将其部署到heroku，运行良好。当我试图使用Jquery对API.AI进行AJAX调用时，它没有工作。
我知道我需要导入Jquery才能让它工作，所以我只考虑了两种方法：
以某种方式将Jquery导入到bot (已经尝试将整个Jquery代码复制到Heruko存储库)
将Jquery代码更改为(我不知道如何)
这是我的ajax电话，提前谢谢！
var accessToken = MY_ACCESS_TOKEN;
var baseUrl = "https://api.api.ai/v1/";
var apiR
浏览 2提问于2017-02-07得票数 0
1回答
我有一个Jquery Autocomplete。工作很好。当我从键盘箭头键上下移动或在特定值上悬停鼠标时，会选择值。但是，当我按下按钮将选定的值放入文本框中时，它不起作用，相反，如果我按下键盘上的enter，则该值将输入到文本框中。
让我给我一个自动完成的code :：
$(document).ready(function hello(){
var myVar2 = <%=request.getAttribute("variable1")%>
$("input#assignedtoid").autocomplete({
source:
浏览 2提问于2012-05-09得票数 0
2回答
我正在使用jQuery和JavaScript，我需要在我的JavaScript代码中调用jQuery函数。
我的jQuery代码：
function display(id){
$.ajax({
type:'POST',
url: 'ajax.php',
data:'id='+id ,
success: function(data){
$("#response").html(data);
}//success
}
浏览 0提问于2009-01-25得票数 0
回答已采纳
我正在与AWS、Lambda和API网关进行斗争。我可以从curl和Postman调用我的API，但不能从我的浏览器调用。
这工作
curl --header "Content-Type: application/json" \
--request POST \
--data '{ "baseId" : "app0ZJgZxm6LC8rBB", "tableName": "Stories", "action": "select" }' \
浏览 0提问于2018-08-28得票数 3
回答已采纳
我想用Ruby来帮助我创建coffeescript对象。
因此，我希望能够创建一个类似于：(example.js.coffee.erb)的文件：
class Test
@constructor: (@name) ->
window.new_obj = new Test(<%= some_ruby_code%>)
对于AJAX请求，请执行以下操作：
$(document).ready ->
$.ajax "/controller/action",
type: "GET"
er
浏览 1提问于2014-01-23得票数 0
回答已采纳
1回答
我创建了这样一个数组
obj={}
obj['id'] = jQuery(this).attr("id");
obj['slotNum'] = tNumber;
我需要将其添加到数组中，并通过ajax将其发送到控制器，并在MVC中访问这个数组。你能给我个建议吗？我试着创造
var arr=[];
arr.push(obj)
当我提醒它时，我看不到任何价值。我是否将其写入，以及如何将上述数组传递给MVC控制器并读取。
浏览 1提问于2015-01-15得票数 1
回答已采纳
1回答
我有一个页面，它显示了一个100行的表格，在滚动时，我想添加100多行，并继续相同的每次向下滚动。如何使用AJAX和JS/JQuery实现这一点？(使用python从MongoDB显示表数据)
HTML模板文件：
%for doc in docs:
<tr>
<td >
{{doc["field1"]}}
</td>
<td>
{{doc["field2"]}}
</td>
<td>
{{doc["field3"]}}
<
浏览 1提问于2015-07-06得票数 0
1回答
在rails中，试图通过AJAX更新搜索结果有一个奇怪的问题，因为rails是在页面原始文本处将js.erb加载到<pre>标记中，而不是在该文件中触发任何js。
索引控制器
if request.format.js?
respond_to do |format|
format.js { render layout: false }
end
end
窗体设置为使用remote激发AJAX : true
= form_tag(search_path, id: "form", remote: true, :'data-ty
浏览 2提问于2017-04-03得票数 1
回答已采纳
我在ColdFusion中有一个基本的移动登录页面，允许用户输入用户名和密码并登录。成功登录后，该页将使用cflocation重定向到主页。但是，当页面成功地重定向到主页时，它仍然在地址栏中显示登录页URL。在我们的web应用程序中，我们多次使用cflocation，而我以前从未见过这种行为，也不知道是什么导致了它。
页代码的要点：
<cfparam name="invalidLogin" default="false">
<cfif cgi.REQUEST_METHOD EQ "POST" AND isDefined("
浏览 3提问于2014-01-14得票数 3
回答已采纳
2回答
我正在尝试从以下CSV中获取数据，该CSV位于我的本地文件夹bids.csv中
1, 3000
4, 2500
15, 2000
转换成一个数组。我正在使用jquery-csv库，但没有成功。
下面是我的完整代码：
<html><head>
<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" ></script>
<script src="jq
浏览 0提问于2019-03-19得票数 2
我有4个html文件和4个javascript文件。从每个html文件从外部加载每个javascript文件。
index.html加载javascript.js 1.html加载javascript1.js 2.html加载javascript2.js 3.html加载javascript3.js
我遇到的问题是，当按下特定按钮时，index.html使用AJAX加载其他3个页面中的一个页面。那么应该发生的是，该特定页面将加载它自己的相应的javascript程序，该程序在该程序的末尾包含一个应该在" load“上运行并运行函数"registerListeners”的wind
浏览 0提问于2014-02-06得票数 0
根据es6，我有以下的js代码。
(($, Drupal) => {
Drupal.behaviors.mymodule = {
attach: () => {
document.querySelectorAll("a").forEach(element => {
element.addEventListener("click", e => {
fetch("/mypath", {
method: "POST",
浏览 0提问于2020-09-14得票数 1
1回答
对于同一服务器上的页面，JQuery 1.6.2和POSTing有一个奇怪的问题。
错误：
POST https://[phpfile].php 500 (Internal Server Error) jquery-1.6.2.min.js:18
send jquery-1.6.2.min.js:18
f.extend.ajax jquery-1.6.2.min.js:18
f.(anonymous function) jquery-1.6.2.min.js:18
populateList main.js:1112
(anonymous function) main.js:211
e.reso
浏览 2提问于2013-01-30得票数 0
1回答
应该注意的是，我不太擅长使用Firebug，但我没有发现任何错误来解释以下问题。
我有一个包含以下代码的feed.js.erb文件：
var $foos = $('<%= escape_javascript(render(@foos)) %>');
$('#container').append($foos);
$('#pagination_button a').attr('href', '<%= feed_path + '?page=' + @page %>');
当这个aj
浏览 3提问于2012-05-13得票数 4
回答已采纳
2回答
我正在尝试创建PHP函数，我将能够在javascript代码中使用。
<!DOCTYPE html>
<?php
include 'pdo_connect.php';
function pleaseWork($query) {
return dataQuery($query)->fetchAll();
}
function makeQuery($query)
{
$work = pleaseWork($query);
$json = json_encode($work);
}
?>
<html>
<hea
浏览 3提问于2016-02-17得票数 0
回答已采纳
3回答
我有以下代码，用于使用ajax从类ajax表单提交数据。这在Firefox、Safari和Chrome中都能很好地工作，但在IE中却失败了。
ajax: function() {
$('form.ajax').live('submit', function() {
var form_ajax = $(this);
$.ajax({
url: form_ajax.attr('action'),
data: form_ajax.serialize(),
浏览 2提问于2010-09-25得票数 1
2回答
我安装了这个扩展bootstrap，当我发出一个ajax请求从'preload'=>array('bootstrap','log'),：卸载时是可能的，我不需要在ajax请求上使用bootstrap，如何避免
<link rel="stylesheet" type="text/css" href="/tamada/assets/97e8be51/css/bootstrap.min.css" />
Content updated in AJAX<script type="
浏览 0提问于2012-02-22得票数 0
回答已采纳
1回答
jquery自动完成意外标记<
、、、、
所以最近我用Devbridge的jQuery autocomplete做了一个带有Autocomplete的laravel项目。我试图从数据库中获取建议，但没有显示任何内容。
Google Chrome控制台显示"SyntaxError:意外的令牌< on jquery.autocomplete.js:85“Mozilla Firefox控制台显示"SyntaxError: JSON.parse:意外的字符on jquery.autocomplete.js:85”以及警告“空字符串传递给getElementById() on jquery-2.0.2.js:151”
这两
浏览 2提问于2014-06-05得票数 0
5回答
从源加载jQuery
我喜欢做的是放弃我的本地jquery.js，并将它托管在其他地方。但如果谷歌倒闭了呢？因此，让我们编写一个备用代码，如果jQuery“仍然”未加载，则使用另一个源.
我做了这个测试用例，但它似乎不起作用，也许有人可以帮我：
浏览 7提问于2010-12-23得票数 7
我正面临着奇怪的问题。
我有："localhost:1111“，它调用另一个项目的另一个url
"localhost:2222/default.aspx“在使用jquery (ajax)的这个(default.aspx)页面后面有wcf服务调用。
当"localhost:2222/default.aspx“直接启动时，它可以工作，wcf方法也可以工作，但是当这个url从另一个项目调用时，我得到了”不允许的方法“错误。我认为这可能是跨域问题，但不确定如何解决它。
Default.aspx
<%@ Page Language="C#" AutoEven
浏览 3提问于2016-05-23得票数 0
我已经将缓存与JS文件一起使用，它真的很有效，但事情是这样的……
我在div标记上有一个.click()事件，跳跳器是一个$.AJAX方法，让我可以从DB获得更多信息/数据。
当检索到信息时，我在控制台(网络活动)中看到，所有JS文件都被再次请求，并且缓存未被使用……
步骤：
1)我进入主页(main.php)和JQUERY.MIN.JS (来自api.google...)从缓存中检索...
2)我点击div，从moreinformation.php获取更多信息
3) moreinformation.php返回带有dataTable插件的html代码()
4)表格显示在主页上...
在控制台中
浏览 2提问于2013-02-26得票数 1
回答已采纳
1回答
我有以下问题。首先，我将请求从jsp发送到servlet，然后执行一些操作，并将一些数据放到请求中，然后转发到同一个页面来呈现新数据。但是在转发之后，我的jsp页面不会更新。有人能说我做错了什么吗？
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
浏览 0提问于2014-03-19得票数 0
回答已采纳
我正在开发一个使用自定义模板/主题的wordpress站点，但我遇到了麻烦。我希望在用户单击按钮时使用Ajax调用函数。在一页纸上，我有一个这样的按钮：
我有一个jQuery/Ajax函数，如下所示：
jQuery(document).ready(function() {
jQuery(".mark-as-read").click(function () {
console.log('The function is hooked up');
jQuery.ajax({
type: "POST",
浏览 0提问于2018-09-07得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
