如何通过AJAX弹出一个简单的警报框?

时间:2014-11-30 02:02:29

标签: javascript jquery html ajax

这是我在代码中的代码:

<script>
function saveQuantity(quantity) 
{
  $.ajax({

  alert(quantity);

  })
}
</script>

这是我的HTML:

<form name="frmQuantity">
 <select name="owned" id="owned" onChange="saveQuantity(this.value);">
  <option selected="selected" value="0">0</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value="7">7</option>
  <option value="8">8</option>
  <option value="9+">9+</option>
 </select>
</form>

为什么这不起作用?我做错了什么?

5 个答案:

答案 0 :(得分:3)

您不需要ajax来处理简单的警报框。更改脚本如下

<script>
    function saveQuantity(quantity) 
    {
        alert(quantity);
    }
</script>

工作演示:http://jsfiddle.net/jo8bmqv2/

答案 1 :(得分:3)

对于你所写的内容,你不需要ajax,但我想你想做一个ajax调用并成功发出警告。

如果你只想提醒,这就可以解决问题:

<script>
function saveQuantity(quantity){
alert(quantity);
}
</script>

要成功执行ajax调用并发出警报,请执行以下操作:

<script>
function saveQuantity(quantity) 
{
  $.ajax({
  url:"/path/to/executing_script.php",
  type:"POST",
  data:{quantity : quantity}
  success:function(data){
  alert(data);
  }

  });
}
</script>

您需要在executing_script.php上回显更新的数量,以便在警报中显示

答案 2 :(得分:1)

虽然你不需要像你正在做的那样使用Ajax但是如果你正在研究那么你可以像使用它一样。

$.ajax({
url: "http://yoururl.com",
beforeSend: function( xhr ) {
alert("if you want to call alert before request put it here and can skip your URL");
}
})
.done(function( data ) {
   alert("if you find alert after success response");
  }
 });

答案 3 :(得分:0)

AJAX用于异步HTTP请求(Jquery AJAX)。它看起来不像你需要的AJAX。

如果您尝试显示简单警报,请执行此操作...

function saveQuantity(quantity) 
{
    window.alert(quantity);
}

答案 4 :(得分:0)

这样写它会在ajax方法中起作用

<script>
function saveQuantity(quantity)  
{
 var that=this;
 $.ajax({
 alert(that.quantity);

})
} 
</script>