Sử dụng Jquery $ getJSON Làm cách nào để tự động tạo dữ liệu cho tham số [dữ liệu] sau thông số Url?

Question

Tôi không gặp vấn đề gì khi Json hoạt động và phân tích cú pháp trả lại json. Tôi chỉ tự hỏi làm thế nào tôi có thể xây dựng một năng động "bất cứ dữ liệu là" và dính nó vào [dữ liệu] để vượt qua các thông số của tôi từ đó và không tự thêm chúng vào url.

Từ trang web jquery dụ:

$.getJSON("test.js", { name: "John", time: "2pm" }, function(json){ 
    alert("JSON Data: " + json.users[3].name); 
}); 

tôi nghĩ rằng tôi có thể xây dựng một chuỗi (mà không có ý nghĩa anyway) và thả nó vào bên trong {}, nhưng tôi rõ ràng là không hiểu được phần nào đó.

tên: không phải là chuỗi và bạn không thể đặt biến trong phần đó, vì vậy làm cách nào tôi tự động đặt các mục vào bất kỳ [dữ liệu] nào.

CẬP NHẬT: Cảm ơn câu trả lời. Tôi có thể xóa tên tham số khỏi đối tượng nếu tôi không tìm thấy giá trị hợp lệ sau này hay tôi sẽ cần phải hủy bỏ nó và tạo lại nó? Tôi đang sử dụng một số hộp chọn để chọn mọi thứ và tôi có thể không có thứ gì được chọn nên tôi sẽ không muốn chuyển tên/giá trị tham số đó.

Answer 1

Bạn có thể xây dựng đối tượng của bạn như thế này:

var someVar = someRandomString(); 
$.getJSON('test.js', (function() { 
    var theData = {}; 
    theData[someVar] = someRandomValue(); 
    return theData; 
})(), function(jsonStuffFromServer) { 
    alert("JSON Data: " + jsonStuffFromServer.users[3].name); 
}); 

Tất nhiên bạn không cần phải xây dựng các "dữ liệu" đối tượng ngay tại đó trong một chức năng ẩn danh; bạn có thể làm điều đó một cách riêng biệt trước:

var theData = {}; 
theData[someVariableWithANameInIt] = someRandomValue(); 
$.getJSON(url, theData, function(jsonStuff) { ... }); 

Đây là cách bạn có thể xây dựng lên như một đối tượng từ một bộ <select> yếu tố trên trang của bạn:

var theData = {}; 
$('#myForm select').filter(function() { return $(this).val() != ''; }) 
    .each(function() { 
    theData[this.name] = $(this).val(); 
    }); 

$.getJSON(url, theData, function(jsonStuff) { ... }); 

Answer 2

Bạn có thể làm điều này:

var myName = $("#nameField").val(); 
var myTime = $("#timeField").val(); 

$.getJSON("test.js", { 'name': myName, 'time': myTime}, function(json){ 
    alert("JSON Data: " + json.users[3].name); 
}); 

Đó là thông số gì bạn có nghĩa là, hoặc động cũng như các biến?

Answer 3

Các {} là một object literal javascript để tên là một thuộc tính của đối tượng đó.

Bạn có thể làm một cái gì đó như thế này:

var data = {}; 
data.name = $("#input").val(); 
$.getJSON("test.js", data, function(json){ 
    alert("JSON Data: " + json.users[3].name); 
}); 

Hoặc một cái gì đó như thế này

var data = { 
    name: $("#input").val(), 
}; 
$.getJSON("test.js", data, function(json){ 
    alert("JSON Data: " + json.users[3].name); 
}); 

Answer 4

Tạo một đối tượng, sau đó bạn có thể đặt bất kỳ thuộc tính mà bạn thích trong nó:

var data = new Object(); 

hoặc:

var data = {}; 

Bạn có thể sử dụng cú pháp tài sản:

data.name = 'John'; 
data.time = '2pm'; 

hoặc liên kết mảng cú pháp (đó là hữu ích nếu tên tham số là một từ khóa):

data['name'] = 'John'; 
data['time'] = '2pm'; 

Bạn có thể biến sử dụng nhiên cho các giá trị và thậm chí sử dụng các biến để chỉ định tên thông số:

var param = 'name'; 
var value = 'John'; 
data[param] = value; 

Sau đó, bạn chỉ cần sử dụng biến dữ liệu trong cuộc gọi :

$.getJSON("test.js", data, function(json){ 
    alert("JSON Data: " + json.users[3].name); 
});