在这里，我们将给大家分享关于jquery–简单的phpajax请求网址的知识，让您更了解ajax请求php接口的本质，同时也会涉及到如何更有效地Ajax请求中的jQueryAjax请求、javascr
在这里，我们将给大家分享关于jquery – 简单的php ajax请求网址的知识，让您更了解ajax请求php接口的本质，同时也会涉及到如何更有效地Ajax请求中的jQuery Ajax请求、javascript – jQuery简单的ajax请求无法正常工作、jQuery + koa2 实现简单的Ajax请求、jQuery - 实现简单的 Ajax 请求封装的内容。
本文目录一览：- jquery – 简单的php ajax请求网址（ajax请求php接口）
- Ajax请求中的jQuery Ajax请求
- javascript – jQuery简单的ajax请求无法正常工作
- jQuery + koa2 实现简单的Ajax请求
- jQuery - 实现简单的 Ajax 请求封装
jquery – 简单的php ajax请求网址（ajax请求php接口）
不同的链接ID我不同的项目
<ahref="http//ex.com/action.PHP?me=1">link1</a>
所以当我点击这个时我想从这里导航到action.PHP(here.PHP)
我正在使用ajax来做到这一点.
我是jQuery的新手..我无法理解url参数的用法..我在这里找到了很多帖子…想要从here.PHP发送–me–值到行动的基本方法.PHP ..
$("a.member").click(function(e) {
$.ajax({
type: "GET",url: "action.PHP?",data: "me=" + me,success: function (data) {
alert(data);
}
});
return false;
e.preventDefault();
});
解决方法
$.ajax({
type: "GET",url: "action.PHP",data: {
me: me
},success: function (data) {
alert(data);
}
});
Ajax请求中的jQuery Ajax请求
因为我需要从第一个ajax请求的一些数据，以进行下一个ajax请求。
首先，我使用Google Maps API获取LAT& LNG，之后我使用LAT& LNG请求Instagram API(基于搜索的位置)。
再次，这是可能的，如果是如此？
$('input#search').click(function(e){
e.preventDefault();
var source=$('select[name=state] option:selected').text()+' '+$('select[name=city] option:selected').text()+' '+$('select[name=area] option:selected').text();
var source=source.replace(/ /g,'+');
if(working==false){
working=true;
$(this).replaceWith('<span id="big_loading"></span>');
$.ajax({
type:'POST',url:'/killtime_local/ajax/location/maps.json',dataType:'json',cache: false,data:'via=ajax&address='+source,success:function(results){
// this is where i get the latlng
}
});
} else {
alert('please,be patient!');
}
});
$.ajax({
type: "post",url: "ajax/example.PHP",data: 'page=' + btn_page,success: function (data) {
var a = data; // This line shows error.
$.ajax({
type: "post",url: "example.PHP",data: 'page=' + a,success: function (data) {
}
});
}
});
javascript – jQuery简单的ajax请求无法正常工作
$.ajax({
type: "POST",url: "alg.aspx",data: sqQstring,success: function(msg) {
alert("Data Saved: " + msg);
}
});
这不会生成警告框,并且错误控制台中没有错误.我打印出sqQString的值,它等于：
cc=12&cr=11&sq=10,4|10,4
我还将ajax中的URL更改为：
http://localhost:2728/shaper/alg.aspx
这会生成一个警告框但其中没有数据.
我访问过该页面：
http://localhost:2728/shaper/alg.aspx?cc=12&cr=11&sq=10,4
它显示了大量数据.
有人帮吗？
解决方法
$.ajax({
type: "POST",success: function(msg) {
alert("Data Saved: " + msg);
},error: function (request,ajaxOptions,exception){
alert(request.status);
alert(exception);
}
});
最重要的是,使用Firefox和Firebug并观看“网络”选项卡以查看实际的请求和响应.
最终评论,如果将地址粘贴到浏览器中时有效,请在AJAX代码中执行GET请求而不是POST请求.
基于评论的可能解决方案
$.get("http://localhost:2728/shaper/alg.aspx?cc=12&cr=11&sq=10,4",function (data) {
alert("Data Saved: " + data);
}
);
您也可以动态附加该查询字符串,但在更改示例之前先尝试检查它是否有效！
jQuery + koa2 实现简单的Ajax请求
总结
以上是小编为你收集整理的jQuery + koa2 实现简单的Ajax请求全部内容。
如果觉得小编网站内容还不错，欢迎将小编网站推荐给好友。
jQuery - 实现简单的 Ajax 请求封装
封装的意义在于复用，在于减少重复的代码。
我在项目中做了简单的 Ajax 请求封装，实现方式如下：
1 //封装Ajax请求
2 $.extend({
3 ajaxDirect:function(url,type,data,success,error){
4 if(type.toLowerCase()==''post''){
5 data = pack(data)
6 }
7 $.ajax({
8 type: type,
9 url: base + url,
10 contentType:''application/json'',
11 data:data,
12 beforeSend: function (XMLHttpRequest) {
13 XMLHttpRequest.setRequestHeader("X-Token", sessionStorage.token)
14 },
15 success: function(data){
16 success(data)
17 },
18 error: function(data){
19 error(data)
20 },
21 dataType: "json"
22 })
23 }
24 })其中的要点为：
1. 使用 jQ 的 $.extend 函数，则调用时只需用 $.ajaxDirect (url,type,data,function (){},function (){}) 即可，若 data 无值，则传空对象过来。
2.pack 为 JSON.stringify 的封装，即
1 //对象序列化
2 function pack(data) {
3 return JSON.stringify(data)
4 }
5
6 function unpack(data) {
7 return JSON.parse(data)
8 }3. 该项目在请求时需要传 token，则我在请求时在请求头部统一加上了 token，即
1 beforeSend: function (XMLHttpRequest) {
2 XMLHttpRequest.setRequestHeader("X-Token", sessionStorage.token)
3 }4.base 为请求的统一前缀，为公共变量，可自定义值。
调用示例：
GET 请求
1 $.ajaxDirect("/user/info",''GET'',{},
2 function (data) {
3 //发送成功
4 },
5 function (data) {
6 //发送失败
7 }
8 )POST 请求
1 var data = {
2 password:$(''.newPwd'').val()
3 }
4
5 $.ajaxDirect("/farmer/farmeruser/changePassword",''POST'',data,
6 function(data){ 7 //发送成功 8 }, 9 function(data){ 10 //发送失败 11 } 12 )在这个基础上，我们可以进一步完善封装的 Ajax。
//封装Ajax请求
$.extend({
ajaxDirect:function(url,type,data,success,error,requestType){
if(requestType!==''pic''&&type.toLowerCase()==''post''){
data = pack(data)
}
var request = {
type: type,
url: base + url,
contentType:''application/json'',
data:data,
beforeSend: function (XMLHttpRequest) {
XMLHttpRequest.setRequestHeader("X-Token", sessionStorage.token)
},
success: function(data){
//token过期
if(data.message==="token过期"){
$.ajax(
{
type: ''POST'',
url: base+''/refleshToken'',
contentType:''application/json'',
data:pack({
token:sessionStorage.token
}),
success: function(data){
console.log(data)
sessionStorage.token = data.data.token
location.reload()
},
error: function(){
$.toast("发送失败", "text")
},
dataType: "json"
})
}else{
success(data)
}
},
error: function(data){
error(data)
},
dataType: "json"
}
if(requestType===''pic''){
request.cache = false
request.processData = false
request.contentType = false
}
if(requestType===''login''){
request.beforeSend = false
}
$.ajax(request)
}
})上面的代码相比第一段代码增加的功能有：
1. 增加了 POST 的大小写适配
2. 增加了 token 过期后统一请求新的 token 的接口
3. 增加了参数 requestType，可传可不传，用于区分请求的类型，从而设置请求头的参数。
关于jquery – 简单的php ajax请求网址和ajax请求php接口的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于Ajax请求中的jQuery Ajax请求、javascript – jQuery简单的ajax请求无法正常工作、jQuery + koa2 实现简单的Ajax请求、jQuery - 实现简单的 Ajax 请求封装的相关知识，请在本站寻找。
本文标签：
