ajax写法有哪些?ajax常见写法

TheDisguiser 2020-04-15 18:50:35 java常见问答 8110

Ajax如今已成为前端开发中不可缺少的技术之一,你们知道ajax到底该如何写吗?它又有哪些写法呢?下面让小编为你一一介绍吧。

第一写法:URL拼接

function getFormInfo()
{
    var name = 'wen';
    var user = 'chen';
    $.ajax(
    {
        url: "/login/authenticate?name=" + name + "&user=" + user
        , type: "POST"
        , data:
        {}
        , dataType: "json"
        , success: function (data) {}
        , error: function (err)
        {
            console.log(err.statusText);
            console.log('异常');
        }
    });
}

第二写法:带json数据

function getFormInfo()
{
    $.ajax(
    {
        url: "http://192.168.10.32:6833/login/authenticate"
        , type: "POST"
        , data:
        {
            name: 'chem'
            , user: 'wen'
        }
        , cache: false
        , dataType: "json"
        , success: function (data) {}
        , error: function (err) {}
    });
}

第三写法:拼接data

function getFormInfo()
{
    var name = 'chen';
    var user = 'wen';
    $.ajax(
    {
        url: "http://192.168.10.32:6833/login/authenticate"
        , type: "POST"
        , data: 'name=' + name + '&user=' + user
        , cache: false
        , dataType: "json"
        , success: function (data) {}
        , error: function (err) {}
    });
}

Ajax定义

AJAX(Asynchronous JavaScript and XML)其实是多种技术的综合,包括Javascript、XHTML和CSS、DOM、XML和XSTL、XMLHttpRequest。其中:

使用XHTML和CSS标准化呈现,使用DOM实现动态显示和交互,使用XML和XSTL进行数据交换与处理,使用XMLHttpRequest对象进行异步数据读取, 使用Javascript绑定和处理所有数据。

AJAX作用

与传统的Web应用不同,AJAX采用异步交互过程。AJAX在用户与服务器之间引入一个中间媒介,从而消除了网络交互过程中的处理-等待-处理-等待缺点。

用户的浏览器在执行任务时即装载了AJAX引擎。AJAX引擎用JavaScript语言编写,通常藏在一个隐藏的框架中。它负责编译用户界面及与服务器之间的交互。

AJAX引擎允许用户与应用软件之间的交互过程异步进行,独立于用户与网络服务器间的交流。现在,是可以用Javascript调用AJAX引擎来代替产生一个HTTP的。

用户动作,内存中的数据编辑、页面导航、数据校验这些不需要重新载入整个页面的需求可以交给AJAX来执行。

以上就是今天的所有内容了,想了解有关Java入门的更多内容,请持续关注本站。