javascript - AJAX POST 返回 [对象对象]

Question

我有以下 Javascript:

var paymentForm = $('#payment_form, .payment-invoices-container');

var ocodes = paymentForm.find('[name="ocodes"]:enabled');


alert(ocodes);


$.post( 'https://URL/ajax-json.do?ocode='+ocodes+'&ocodes='+ocodes, function( data ) {
if (data.hasOwnProperty('dynamicJavascriptUrl')) {
     var script = document.createElement('script');
    script.src = data.dynamicJavascriptUrl;
    $('#credit_card').append($(script));
}
}, "json");

我想做的是，从 #payment-form 中的 [name="ocodes"] 中获取值并将其附加到我的 $post url 但它似乎没有获得值，因为它返回 [object Object ] .

任何人都可以指出我正确的方向或给出错误的提示我将不胜感激:)

Answer 1

在 jQuery 对象上调用 val() 方法。它将为您提供匹配元素集中第一个元素的当前值

var ocodes = paymentForm.find('[name="ocodes"]:enabled').val();
alert(codes);

假设 paymentForm.find('[name="ocodes"]:enabled') 表达式返回一个有效的 jQuery 对象，其中包含一个 value 属性(例如:文本框、单选按钮、复选框等..)

Here是工作样本

如果您的 jQuery 选择器返回一个 div/span 而您想要其中的内容，您可以尝试 html()或 text()方法根据需要。但请记住，它们返回的不仅仅是值。根据您的 HTML 设置，您可能还会获得一些 html 内容。因此，请根据您的 HTML 标记使用它们。