关于ajax的JQuery使用

最新推荐文章于 2024-10-05 19:40:46 发布

dmwhw

最新推荐文章于 2024-10-05 19:40:46 发布

阅读量282

点赞数

分类专栏： ajax 文章标签： ajax jQuery 前端

本文链接：https://blog.csdn.net/dmwhw/article/details/48915281

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">jQ的常用方式有：</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span><table class="dataintable "><tbody><tr><td>$.ajax(options)</td><td>把远程数据加载到 XMLHttpRequest 对象中</td></tr><tr><td>$.get(url,data,callback,type)</td><td>使用 HTTP GET 来加载远程数据</td></tr><tr><td>$.post(url,data,callback,type)</td><td>使用 HTTP POST 来加载远程数据</td></tr><tr><td>$.getJSON(url,data,callback)</td><td>使用 HTTP GET 来加载远程 JSON 数据</td></tr><tr><td>$.getScript(url,callback)</td><td>加载并执行远程的 JavaScript 文件</td></tr></tbody></table>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">
</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">
</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">我们往往使用了$.post(),先是提交了数据，这里它使用以下方式提交，后端做了数据入库验证，接着就使用了data获取返回值，再做页面决定</span>

往往前端会先做验证，这是验证的锦上添花。。

				$.post(
					"register_login!register.do",
					{"username":user,"password1":pass1,"password2":cpass,"email":email,"telphone":tel}
					,
					function(data){

						if(data==1)
						{
							
							window.location.href="index.jsp";
							
						}
						else
						{
							alert("信息填写错误");

						}

					}
			
				);

$.post("XXXX.do",{ "username":user,"password1":pass1} ,function( returncode) { } );

而$.ajax原理一样，也是发了数据，再获取data码，再做页面跳转决定的。

 $.ajax({
            url: "/order/doOrder",
            type: "POST",
            data: { productid: self.productid(), productname: self.productname(), price: self.price(), count: self.count(), username: self.username() },
           success: function (data) {
                        if (data.code == 1) {
                            location.href = location.href;
                        }
                        else
                            alert(data.code);
                    }
                })