Phương thức POST của JQuery Ajax

Gửi yêu cầu http POST không đồng bộ để tải dữ liệu từ máy chủ. Dạng chung của nó là:

jQuery.post( url [, data ] [, success ] [, dataType ] )
  • url: là tham số bắt buộc duy nhất. Chuỗi này chứa địa chỉ để gửi yêu cầu. Dữ liệu trả về sẽ bị bỏ qua nếu không có tham số nào khác được chỉ định
  • data: Một đối tượng hoặc chuỗi thuần túy được gửi đến máy chủ cùng với yêu cầu.
  • thành công: Một hàm gọi lại được thực thi nếu yêu cầu thành công. nó lấy dữ liệu trả về làm đối số. Nó cũng được thông qua trạng thái văn bản của phản hồi.
  • dataType: Loại dữ liệu được mong đợi từ máy chủ. Mặc định là Intelligent Guess (xml, json, script, text, html). nếu tham số này được cung cấp, thì lệnh gọi lại thành công cũng phải được cung cấp.

Ví dụ

$.post('//example.com/form.php', {category:'client', type:'premium'});

yêu cầu form.phptừ máy chủ, gửi dữ liệu bổ sung và bỏ qua kết quả trả về

$.post('//example.com/form.php', {category:'client', type:'premium'}, function(response){ alert("success"); $("#mypar").html(response.amount); });

yêu cầu form.phptừ máy chủ, gửi dữ liệu bổ sung và xử lý phản hồi được trả về (định dạng json). Ví dụ này có thể được viết ở định dạng sau:

$.post('//example.com/form.php', {category:'client', type:'premium'}).done(function(response){ alert("success"); $("#mypar").html(response.amount); });

Ví dụ sau đăng một biểu mẫu sử dụng Ajax và đặt kết quả trong một div

    jQuery.post demo // Attach a submit handler to the form $( "#searchForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), term = $form.find( "input[name='s']" ).val(), url = $form.attr( "action" ); // Send the data using post var posting = $.post( url, { s: term } ); // Put the results in a div posting.done(function( data ) { var content = $( data ).find( "#content" ); $( "#result" ).empty().append( content ); }); });   

Ví dụ sau sử dụng github api để tìm nạp danh sách các kho lưu trữ của người dùng bằng jQuery.ajax () và đặt kết quả trong một div

    jQuery Get demo // Attach a submit handler to the form $( "#userForm" ).submit(function( event ) { // Stop form from submitting normally event.preventDefault(); // Get some values from elements on the page: var $form = $( this ), username = $form.find( "input[name='username']" ).val(), url = "//api.github.com/users/"+username+"/repos"; // Send the data using post var posting = $.post( url, { s: term } ); //Ajax Function to send a get request $.ajax({ type: "GET", url: url, dataType:"jsonp" success: function(response){ //if request if made successfully then the response represent the data $( "#result" ).empty().append( response ); } }); });   

jQuery.ajax ()

$.post( url [, data ] [, success ] [, dataType ] ) là một hàm Ajax viết tắt, tương đương với:

$.ajax({ type: "POST", url: url, data: data, success: success, dataType: dataType });

$.ajax() cung cấp nhiều tùy chọn hơn có thể được tìm thấy ở đây

Thêm thông tin:

Để biết thêm thông tin, vui lòng truy cập trang web chính thức