English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery post() 方法

Методы AJAX jQuery

$ .post()方法使用HTTP POST请求从服务器加载数据。

语法:

$.post(URL, data, callback, dataType)

实例

本示例获取请求的HTML代码段并将其插入页面中:

$("button").click(function(){
  $.post("ajax_post.php", function(data){
    $("#output").html(data);
  );
);
测试看看‹/›

请求ajax_post.php页面,并发送一些其他数据:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data){
    $("#output").html(data);
  );
);
测试看看‹/›

请求ajax_post.php页面,发送一些其他数据,并发出警报状态消息:

$("button").click(function(){
  $.post("ajax_post.php", {fname:"Seagull", lname:"Anna"}, function(data, status){
    $("#output").html(data);
    alert(status);
  );
);
测试看看‹/›

请求demo.json文件并将其插入页面:

$("button").click(function(){
  $.post("demo.json", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  );
);
测试看看‹/›

请求json_demo1.php文件,该文件已以json格式返回:

$("button").click(function(){
  $.post("json_demo1.php", function(data){
    let myObj = JSON.parse(data);
    $("#output").html(myObj.name);
  );
);
测试看看‹/›

参数值

参数描述
URL指定您想要请求的URL
data(选填)指定与请求一起发送到服务器的纯对象或字符串
callback(Опционально) Укажите каллбэк-функцию, которая будет выполнена после успешного выполнения запроса

Параметры:

  • data-Включает данные из результата запроса

  • status-Включает состояние запроса ("success", "notmodified", "error", "timeout", или "parsererror")

  • xhr-Включает объект XMLHttpRequest

dataType(Опционально) Укажите тип данных, который требуется серверу для ответа
По умолчанию jQuery выполняет автоматическое猜测

Возможные типы:

  • “xml” - Документ XML

  • “html” - HTML как чистый текст

  • “text” - Чистая текстовая строка

  • “script” - Запуск ответа как JavaScript и возвращение чистого текста

  • “json” - Запуск ответа как JSON и возвращение JavaScript объекта

  • “jsonp” - Загрузка блоков JSON с использованием JSONP. Добавьте “?callback =?” в URL, чтобы определить каллбэк

Методы AJAX jQuery