ajaxurl怎么使用?ajax中url参数使用

TheDisguiser 2020-04-06 17:26:47 java常见问答 8960

作为Java开发程序员的你一定使用过ajax吧,在ajax所有参数中,url可以说是最重要的之一,如果没有这个参数,ajax就没法使用了。那么,你知道ajax中url参数到底该怎么使用吗?下面小编就带你一一了解。

刚开始学习ajax的时候,总不明白,为什么我用ajax请求之后它就能收到消息,在没有ajax之前,页面的刷新都是全部更新的,而有了ajax后,我们可以做到局部更新而不必页面的重新请求,这种轻量级的更新方式带来的好处是显而易见的:对网页浏览者来讲快捷方便,节约时间;对开发者来讲,维护起来更轻松,不必牵一发而动全身的针对整个页面;对服务器来讲,ajax请求的带来的压力会远远小于整个页面刷新给服务器的负荷。那么ajax到底是怎么请求的呢?

例:

public static string SayHello()
{
return "Hello Ajax!";
}
$(function() {
$("#btnOK").click(function() {
$.ajax({
//要用post方式
type: "Post",
//方法所在页面和方法名
url: "data.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json", //非必要
data: $('#form1').serialize(),
success: function(data) {
//返回的数据用data.d获取内容
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按钮的提交
return false;
});
});
url: "data.aspx/SayHello",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function(data) {
//返回的数据用data.d获取内容
alert(data.d);
},
error: function(err) {
alert(err);
}
});
//禁用按钮的提交
return false;
});
});

这样我们就可以清楚的看到ajax的流程:点击(click)事件触发了JavaScript,然后启用ajax,ajax根据URL去找后台的处理的方法,也就是sayhello(),把sayhello()方法的执行结果返回到页面。这个请求方式是不是和整个页面刷新同根同源呢?只要理解了其中一个,另一个就很好理解。

对于传送到后台 的数据,如果用post方法,则可以把一个form用JavaScript的方法序列化后传送。

格式:var data = $("form").serialize();

功能:将表单内容序列化成一个字符串。

把data放到参数里面即可

再说一说URL,URL是统一资源定位符,所有的资源都在服务器里面,比如说服务器有中文、英语、日语三种语言,在页面上就有三个资源对应的请求路径,你点击中文,URL就会将你的请求跳跃到中文上,绝对不会是其他语言,这就是URL。

以上就是本篇文章的所有内容了,更多相关内容请持续关注本站。