Traditional Culture Encyclopedia - Traditional festivals - jQuery on Ajax a few commonly used functions in detail

jQuery on Ajax a few commonly used functions in detail

AJAX is a technology that can update part of a web page without reloading the whole page. Here in this article to share with you jQuery on Ajax in a few commonly used functions, the need for friends reference, I hope to help you.

One:

AJAX is a technology that can update part of a web page without reloading the entire page.

What is AJAX?

AJAX = Asynchronous JavaScript and XML.

AJAX is a technology used to create fast dynamic web pages.

AJAX allows web pages to be updated asynchronously by exchanging small amounts of data with the server in the background. This means that a part of a web page can be updated without reloading the entire page.

Traditional web pages (which do not use AJAX) have to reload the entire page if they need to update content.

There are many examples of applications that use AJAX: Sina Weibo, Google Maps, Kaixin, and so on.

Two: traditional Ajax is too cumbersome, jquer encapsulates some ajax commonly used simple functions.

a: $.ajax() method:

jsp page code :

<head>

<title>Ajax validation</title>

$(function () {

$( "[name='userName']").blur(function () {

$(function () {

type: "post",

url:"/TestServlet",

data:{action: "login"}, // data The parameter passed is usually of type key:" value" value must be in quotes I've experienced that feeling of not being able to find the error

// dataType:'Text', //servers The format returned can also be gjon

success: function (data) {

if (data == "success") {

alert(data);

$("#myspan").html(data);

}

error. function () { //this is less used

}

})

</script>

</head>

<body>

Name: <. input name="userName" type="text"><span id="myspan"></span>

Password: <input name="password" type="text">

< ;/body> servlet backend code:

public class TestServlet extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

String name = request.getParameter("action");

System.out. println(name);

if(name.equals("login")){

response.getWriter().write("success"); //returns the parameters of the dropback function

}else{

response .getWriter().write("file");

}

} b: $.get() , $.post() and $.getJson methods are all lite versions of the $.ajax() method, with roughly the same usage, and one less type

$.post("/ TestServlet",

{"uname":$('[name=uname]').val()},

function (data) {

alert(data);

}); c: $.load()

$("#msg" parameter d:$(selector).serializeArray() and $(selector).serialize()

//This method can directly get the value of the name attribute of the form as a pass-through to data

var data1 = $("#form1"). serializeArray(); //Automatically encapsulate the form into json

$.each(data1,function (i,dom) {

alert(dom.name+"\r\n "+dom.value);

});

var data2=$("#form1").serialize();

alert(data2); e: as data parameter

var data2=$("#form1").serialize();

$.getJSON("/ TestServlet",data2, function (data) {

alert(data);

});

Previous article:Introduction of Huizhou Three Carvings
Next article:How to translate office building in English