jquery不会通过调用ajax页面来更改输入值

时间:2016-05-04 12:18:57

标签: javascript php ajax dom

问题解决了。检查底部的工作代码。

首先,抱歉我的英语。如果可能,请改写我的问题。

我无法通过调用ajax页面来更改jquery的输入值。

(jquery version http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js

我的主页是index.php,ajax页面是ajax.php。我用

打电话给ajax.php

$.ajax(...

但是在使用ajax代码之后,输入值在index.php上没有变化。

这里是index.php输入代码

<input name="guncel_fiyat" type="hidden" id="guncel_fiyat" value="old value">

这里是index.php ajax调用代码:

$.ajax(
            {
                type: "POST",
                url: "../ajax.php",
                data: post_edilecek_veri,
                cache: false,
                success: function(donen_veri)
                {
                    some code here;
                }
            }   

这里是ajax.php代码(我确实尝试了3种不同的方法,但没有改变)

$(".guncel_fiyat").val("new value");

$("#guncel_fiyat").val("new value");

$(".guncel_fiyat input").val("new value");

在调用ajax之后,尝试在index.php上获取新值,但只获得“旧值”val。

var guncel_fiyat_degeri = $("#guncel_fiyat").val();
alert(guncel_fiyat);

这是工作代码

CALL_AJAX.HTML:

   <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
function peyfunc() 
{ 
    "use strict";
    var current_price = $("#current_price").val();
    alert ("current_price="+current_price);
    $.ajax(
            {
                url: "ajax_test.php",
                cache: false,
                success: function(html)
                {
                    $("#display").html(html);
                }
            }   
    );

}
</script>
</head>
<body>
<form id="form1" name="form1" method="post">
  <input name="current_price" type="hidden" id="current_price" value="5">
  <input type="button" name="button" id="button" value="Button"  onclick="peyfunc()">
</form>
<div id="display"></div>
</body>
</html>

AJAX_TEST.PHP

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
test
<script type="text/javascript">
//alert("aaa");
$("#current_price").val("new value");
alert ($("#current_price").val());
</script>

1 个答案:

答案 0 :(得分:0)

这是工作代码

CALL_AJAX.HTML:

   <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script type="text/javascript">
function peyfunc() 
{ 
    "use strict";
    var current_price = $("#current_price").val();
    alert ("current_price="+current_price);
    $.ajax(
            {
                url: "ajax_test.php",
                cache: false,
                success: function(html)
                {
                    $("#display").html(html);
                }
            }   
    );

}
</script>
</head>
<body>
<form id="form1" name="form1" method="post">
  <input name="current_price" type="hidden" id="current_price" value="5">
  <input type="button" name="button" id="button" value="Button"  onclick="peyfunc()">
</form>
<div id="display"></div>
</body>
</html>

AJAX_TEST.PHP

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
test
<script type="text/javascript">
//alert("aaa");
$("#current_price").val("new value");
alert ($("#current_price").val());
</script>