用原生js写php里的ajax,PHP和js

本文目录一览：

• 1、ajax请求原生怎么写
• 2、怎么用原生js请求php的jsonp
• 3、怎么用原生JS实现类似jQuery的ajax
• 4、我想用AJAX实现在js里调用PHP里的函数,不知道怎么写啊，没学过Ajax

ajax请求原生怎么写

原生js实现Ajax方法：

var Ajax={

get: function(url, fn) { var obj = new XMLHttpRequest();

// XMLHttpRequest对象用于在后台与服务器交换数据

obj.open('GET', url, true); obj.onreadystatechange = function() {

if (obj.readyState == 4 obj.status == 200 || obj.status == 304) {

// readyState == 4说明请求已完成

fn.call(this, obj.responseText);

//从服务器获得数据

}

};

obj.send(); }, post: function (url, data, fn) {

// datat应为'a=a1b=b1'这种字符串格式，在jq里如果data为对象会自动将对象转成这种字符串格式

var obj = new XMLHttpRequest(); obj.open("POST", url, true); obj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

// 添加http头，发送信息至服务器时内容编码类型

obj.onreadystatechange = function() {

if (obj.readyState == 4 (obj.status == 200 || obj.status == 304)) {

// 304未修改

fn.call(this, obj.responseText);

}

};

obj.send(data);

}

}

注释：

1. open(method, url, async) 方法需要三个参数:

method：发送请求所使用的方法（GET或POST）；与POST相比，GET更简单也更快，并且在大部分情况下都能用；然而，在以下情况中，请使用POST请求：

url：规定服务器端脚本的 URL(该文件可以是任何类型的文件，比如 .txt 和 .xml，或者服务器脚本文件，比如 .asp 和 .php （在传回响应之前，能够在服务器上执行任务）)；

async：规定应当对请求进行异步（true）或同步（false）处理；true是在等待服务器响应时执行其他脚本，当响应就绪后对响应进行处理；false是等待服务器响应再执行。

2. send() 方法可将请求送往服务器。

3. onreadystatechange：存有处理服务器响应的函数，每当 readyState 改变时，onreadystatechange 函数就会被执行。

4. readyState：存有服务器响应的状态信息。

5. responseText：获得字符串形式的响应数据。

6. setRequestHeader()：POST传数据时，用来添加 HTTP 头，然后send(data)，注意data格式；GET发送信息时直接加参数到url上就可以，比如url?a=a1b=b1。

怎么用原生js请求php的jsonp

AJAX的核心是XMLHttpRequest。

一个完整的AJAX请求一般包括以下步骤：

实例化XMLHttpRequest对象

连接服务器

发送请求

接收响应数据这些只是一些基本的 具体的可以去后盾里面查询

里面有详细的教学

怎么用原生JS实现类似jQuery的ajax

建议你这样试试看：

ajax函数：

function ajax(opt) {

opt = opt || {};

opt.method = opt.method.toUpperCase() || 'POST';

opt.url = opt.url || '';

opt.async = opt.async || true;

opt.data = opt.data || null;

opt.success = opt.success || function () { };

var xmlHttp = null;

if (XMLHttpRequest) {

xmlHttp = new XMLHttpRequest();

}

else {

xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

} var params = [];

for (var key in opt.data) {

params.push(key + '=' + opt.data[key]);

}

var postData = params.join('');

if (opt.method.toUpperCase() === 'POST') {

xmlHttp.open(opt.method, opt.url, opt.async);

xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');

xmlHttp.send(postData);

}

else if (opt.method.toUpperCase() === 'GET') {

xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);

xmlHttp.send(null);

}

xmlHttp.onreadystatechange = function () {

if (xmlHttp.readyState == 4 xmlHttp.status == 200) {

opt.success(xmlHttp.responseText);

}

};

}

2.参数说明（清渭技术--）：

3.使用示例：

ajax({

method: 'POST',

url: 'post.php',

data: {

param1: 'value1',

param2: 'value2',

},

success: function (response) {

console.log(response) ;

}

})

PS：希望本文对你有所帮助~qingwei.tech

我想用AJAX实现在js里调用PHP里的函数,不知道怎么写啊，没学过Ajax

AJAX其实就是HTTP的GET、POST去调用一个独立的服务器上的PHP文件，不能是调用某个文件的函数。