如何使用 ajax 显示值答案

【问题标题】：How can I display the value using ajax如何使用 ajax 显示值
【发布时间】：2011-01-03 10:46:28
【问题描述】：

嗨。我需要有关这部分代码的帮助。

我想做的是；当我单击（例如）单选按钮 1 时，该按钮值显示在浏览器上。我有三个单选按钮。

这是我的 ajax 查询：

function updatepayment(this.value)()
var ajaxResponse = new Object();
  $(document).ready(function () {
    $('.rmr').click(function () {
    var rbVal = $(this).val();
        var myContent;
        if (ajaxResponse[rbVal]) { //in cache
          myContent =  ajaxResponse[rbVal];
          $("#contentcontainer").html(myContent);
        }
        else { // not in cache
      var urlForAjaxCall = "include/function.php" + rbVal + ".html"; 
          $.post(urlForAjaxCall, function (myContent) {
             ajaxResponse[rbVal] = myContent;
             $("#contentcontainer").html(myContent);
          });
        }
      });
    });

【问题讨论】：

您遇到的错误是什么？
看起来响应不是对象。使用json 作为$.post 的类型。
你能至少发布 HTML/JS 的其余部分吗？
跨度>
$(document).ready(function(){ $("input[name=rmr]").click(function() { if( $("input[name=rmr]:checked ").length > 0 ) //确保一个被选中 { $("#finalamount").html( $("#totalamount").val() * $("input[name=rmr]:checked") .val() ); } }); });

标签： php javascript jquery css ajax

【解决方案1】：

您的缓存检查将始终为假，因为您总是在函数中重新声明 ajaxResponse。 ajaxResponse 应该在全局范围内声明。
您并不需要 post 功能（因为您没有发布任何数据），您可以使用 .load 功能。
您不需要一个函数来包装 $(document).ready 函数

var ajaxResponse = new Object();

$(document).ready(function(){

$('.rmr').click(function (){
    var rbVal = $(this).val();
    var myContent;
    if (ajaxResponse[rbVal]) 
    { //in cache
        $("#contentcontainer").html(  ajaxResponse[rbVal] );
    }
    else 
    { // not in cache
        var urlForAjaxCall = "include/function.php" + rbVal + ".html"; 
        $("#contentcontainer").load(urlForAjaxCall, function (myContent) 
        {
            //Extra processing can be done here, like your cache
            ajaxResponse[rbVal] = myContent;
        });
    }

});

});

编辑： 在你的 OP 上看到你的 cmets 后您正在尝试按类名“rmr”选择单选按钮，但没有在标签上设置它你需要：

<input class="rmr" type="radio" name="rmr" id="payment1" value="3" onclick="updatepayment(this.value)" /> <br>
<input class="rmr" type="radio" name="rmr" id="payment2" value="5.5" onclick="updatepayment(this.value)" /><br>
<input class="rmr" type="radio" name="rmr" id="payment4" value="10" onclick="updatepayment(this.value)" /><br>

或者你可以使用

$("input[name=rmr]")

通过输入名称属性选择它们

【讨论】：