将 XMLHTTPRequest 转换为$ajax
converting XMLHTTPRequest into $ajax
我正在使用以下代码在小工具中获取Google:
<html>
<head>
<title>Browser</title>
</head>
<body onload= "getListCollection()" style="width:900px; height:900px;" >
<div id="listAttributes" style="width:400px; height:400px;" ></div>
<script>
function getListCollection() {
var url = "https://www.google.co.uk"
xmlhttp = new XMLHttpRequest();
xmlhttp.open('GET',url,true, 'user', 'password');
xmlhttp.onreadystatechange = function()
{
if(xmlhttp.readyState == 4);
{
document.getElementById("listAttributes").innerHTML = xmlhttp.responseText
}
}
xmlhttp.send(null);
}
</script>
</body>
</html>
我想知道如何使用$ajax做同样的事情?
我看了不同的例子,但我不知道它们如何适应这种情况。或者,如果您可以发布一些不错的$ajax教程,请。
当我将其更改为此时,它不起作用:
<html>
<head>
<title>Browser</title>
</head>
<body onload= "getListCollection()" style="width:900px; height:900px;" >
<div id="listAttributes" style="width:400px; height:400px;" ></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js">
$.ajax({
url : 'https://www.google.co.uk',
type : 'GET',
success : function(data){
$('#listAttributes').html(data);
}
});
</script>
</body>
</html>
页面上没有任何内容。
下面是代码的jQuery版本:
$.ajax({
url : 'https://www.google.co.uk', //cross-domain? this won't work
username : 'user',
password : 'password',
type : 'GET', //default is GET, but i put it here to clarify
success : function(data){
$('#listAttributes').html(data);
}
});
有关更多详细信息和设置,请阅读jQuery.ajax()
文档
类似的东西:
$.ajax({
url : "https://www.google.co.uk",
type : "get",
username : "user",
password : "password",
success : function(data) {
document.getElementById("listAttributes").innerHTML = data;
}
});
但是,您的代码很可能不起作用,因为您正在尝试访问外部资源(即不是您的域(。
查看 JQuery Ajax 文档以获取更多详细信息。
$.ajax({
url: url,
username: 'user',
password: 'password'
}).done(function (responseText) {
document.getElementById('listAttributes').innerHTML = responseText;
//or
$("#listAttributes").html(responseText);
});
默认情况下,.ajax
将使用GET方法并且是异步的,因此我省略了这些设置。 如果您不需要用户名/密码,我会使用 $.get()
.
它非常简单,比纯JavaScript版本更短,这里是:
function getListCollection() {
$.ajax({
url: "https://www.google.co.uk",
username: "user",
password: "password",
success: function(data){
$('listAttributes').html(data);
}
});
}
仅当站点支持跨域源时,才会接受该请求。在此处查看 jQuery.ajax(( 文档。
相关文章:
- 将curl查询转换为jQuery.ajax()
- Ajax响应转换
- RoR-将提交表单转换为AJAX
- Ajax调用OGRE转换器
- javascript中是否有更标准化的方法来转换(序列化)非表单数据以与ajax一起使用
- 将带有dataType:json的jQuery.ajax转换为纯javascript
- 将Jquery Ajax转换为纯JavaScriptAjax
- 将 ajax 转换为 node.js
- 尝试将jquery ajax转换为angular http
- 如何让mvc动作触发jquery ajax转换器
- 用ajax转换传统帖子
- 如何将AJAX转换为angular js,并为数组的每个元素重复代码块?
- 如何将jquery ajax转换为原生javascript
- 使用ajax转换旧登录
- 发送“iframe.contents()“;通过Ajax转换PHP脚本有什么想法吗?
- 如何将同步ajax转换为异步ajax
- 400从ajax转换为$http时出错
- 将 Javascript Ajax 转换为 jQuery Ajax 的最佳方法
- PHP变量通过ajax转换为javascript
- 在发生错误时将AJAX转换为非AJAX调用