Как я могу переписать этот код без JQuery?

Question

Как я могу переписать этот код без использования jQuery? Мне нужно сделать это в мобильном приложении, где я не могу использовать jQuery.

 $.ajax({
            type: "POST", 
            url:"../REST/session.aspx?_method=put",
            data: JSON.stringify(dataObject, null,4),
            cache: false,
            dataType: "json",
            success: onSuccessLogin,
            error: function (xhr, ajaxOptions){
                    alert(xhr.status + " : " + xhr.statusText);
                }    

        }); 

Answer 1

попробуйте

var xmlHttp = createXmlHttpRequestObject();
//retrieves the xmlHttpRequest Object
function createXmlHttpRequestObject()
{
    //will store the refrence to the xmlHttpRequest Object
    var xmlHttp;
    //if running in internet explorer version below 7
    if(window.ActiveXObject)
    {
            try{
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch(e){
                xmlHttp = false;
            }
    }
    else
    {
        try{
            xmlHttp = new XMLHttpRequest();
        }
        catch(e){
            xmlHttp = false;
        }
    }
    if(!xmlHttp)
        alert("Error Creating the xmlHttpObject");      
    else
        return xmlHttp;
}

function callThisFunction()
{
    if(xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
    {

            var queryString = JSON.stringify(dataObject, null,4);

            var url = "../REST/session.aspx?_method=put";

            xmlHttp.open("POST", url, true);

            //Send the proper header information along with the request
            xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
            xmlHttp.setRequestHeader("Content-length", queryString.length);
            xmlHttp.setRequestHeader("Connection", "close");

            xmlHttp.onreadystatechange = checkHandleServerResponse;         
            xmlHttp.send(queryString);  
    }
}


function checkHandleServerResponse()
{
    if(xmlHttp.readyState == 4)
    {
        if(xmlHttp.status == 200)
        {
            var JSONFile = 'jsonFormatData = '+xmlHttp.responseText;
            eval(JSONFile);
            if(jsonFormatData.description == 'Success')
            {
                //showDialog('Success','Login Successful','success',3);
                location.href='default.aspx';   
                //setTimeout(function(){location.href='myGrupio.php';},3000);
            }
            else
                showDialog('Error','You Need a Valid Login.','error',3);
        }
        else if(xmlHttp.status == 400)
        {
            setTimeout( function()
                        {
                            alert('you have error');
                        },3000);
        }
        else 
            alert("Error Code is "+xmlHttp.status)
    }
}

Answer 2

Вы можете попробовать это:

var xmlhttp;
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
} else { // code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

xmlhttp.onreadystatechange = function() {
  if (xmlhttp.readyState == 4 && xmlhttp.status != 200) {
    // What you want to do on failure
    alert(xmlhttp.status + " : " + xmlhttp.responseText);
  }
  if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
    // What you want to do on success
    onSuccessLogin();
  }
}

xmlhttp.open("POST", "../REST/session.aspx?_method=put", true);
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Cache-Control", "no-cache"); // For no cache
xmlhttp.send("data=" + JSON.stringify(dataObject, null,4));

Что касается того, как сделать больше с использованием только javascript без библиотеки jQuery, взгляните на W3Schools AJAX Tutorial или Mozilla - ИспользованиеXMLHttpRequest

И, как сказал Дури, вам придется найти способ преобразовать dataObject в строку, поскольку не все браузеры поддерживают объект JSON.

Answer 3

Для самого запроса Ajax взгляните на объект XMLHttpRequest ( специальная обработка для IE ).

Чтобы проанализировать ответ JSON (dataType: 'json'), используйте JSON.parse (вам может потребоваться библиотека json2.js ).

Answer 4

Вы также можете рассмотреть возможность использования jQuery Mobile edition - очень легкий - с уменьшением 17 КБ. 1.0 сейчас альфа, но я думаю, что он будет более стабильным и переносимым, чем самодельный код.

Answer 5

jquery - это уже javascript. Это библиотека, полностью написанная на JavaScript. Таким образом, вы можете использовать его в каждом проекте JavaScript. Если вы хотите написать клиент для отдыха самостоятельно, вы можете посмотреть эту статью