ajax——介绍

AJAX:

一、 ajax是什么?

Ajax==异步的JavaScript和xml ,创建快速动态网页的技术,通过后台与服务器进行少量数据交换,Ajax可以实现网页异步更新,也就是再不重新加载网页对部分进行更新,传统i的网页不使用Ajax,想要更新内容必须重新加载页面。

二 、ajax一般用在什么哪里?

简单来说用来连接数库,但是连接数据库传输的信息量很少,用不着重新加载整页面。避免属性整个页面带来资源浪费。

三 、为什么要使用ajax?

使用ajax可以减轻服务器的负担,按需取数,可以最大程度减少冗余请求和响应服务器造成的负担,无需更新页面,减少用户心理和实际的等待时间。带来更好的用户体验。可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和速写的负担,节约空间和宽带租用成本。可以调用外部数据。基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。进一步促进页面呈现和数据的分离。

四 、使用ajax

jQuery是js(JavaScript)的类库,里边封装了大量的js底层代码。
jquery的操作ajax提供了两种方法。

  1. $ajax()
$.ajax({
    url: "url" ,
    type: "get/post",
    dataType: "json",
    data: {userid:1},
    success:function(){

    },
    error:function() {
    }
})
  1. $.get()$.post()
$.get(
            "url",
            {userID:"123"},
            function(response) {
            }
        );

或者、

$.post(
            "url",
            {userID:"123"},
            function(response) {
            }
        );

案例:

$(function(){
    $.ajax({
        type:"GET",
        url:"test.json",
        data:{username:$("#username").val(),content :$("#content").val()},
        dataType: "json",
        success: function(data){
            $('#resText').empty();//清空resText里边所有的值
        }
    })
})

传值:

$.ajax({
    url: '',
    type:'post',
    data:{did:did},
    success:function(data){
        setTimeout(function(){
            window.localtion.reload();//页面刷新
          }1000)},
    error:function(data){
        alert('2222');
    }
})
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值