jQuery函数未提交Ajax请求

Question

下面的功能/ ajax请求拒绝工作/“发布”，我不知道为什么。
我假设PHP脚本从我的Ajax请求接收的任何数据变量都应将它们引用为$_POST['sday']和$_POST['sdate'] ？
PS成功函数应如何处理来自我的PHP脚本的JSON编码响应？

我的代码：

<html>
<head>
    <title></title>
</head>
<body>
<h1>Welcome to Richmond nursing app, you have successfully logged in!</h1>
<hr>
<form id="idForm" name="idForm">
<input type="text" size="8" id="date" name="date"><br>
<input type="hidden" size="8" id="reversedate" name="reversedate"><br>
<input type="hidden" size="1" id="dow" name="dow"><br>
<input type="submit" id="submitbutton" name="submitbutton">
</form>
<div id="report" name="report">
</div>  
<br><br><br>
<br>
<br>
<p id="p1">x</p>
<br>
<a href="logout.php">log out</a>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">  </script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/ui.js"></script>
<script>
        $('#submitbutton').click(function(){
                  var fulldate=$('#date').datepicker('getDate');
                  var date=fulldate.getDate();
                  var day=fulldate.getDay();
                  var month=fulldate.getMonth()+1;
                  var year=fulldate.getFullYear();

                  if (month<10) 
                    {month="0"+month};
                  if(date<10)
                    {date="0"+date};

                 var selecteddate=year+"-"+month+"-"+date;

                 var url = "fetchsimple.php"; // the script where you handle the form input.
                  $.ajax({
                      type: "POST",
                      url: url,
                      data: {sdate: selecteddate, sday:day}, // serializes the form's elements.
                      success: function(data)
                      {
                          alert(data); // show response from the php script.
                      }
                    });
                });
</script>
</body>
</html>

Answer 1

使用jquery代码处理Submit事件，如下所示：

$('#submitbutton').click(function(e){
    e.preventDefault();
    .......
    .......

}

对于JSON响应，添加

dataType: 'json'

到ajax请求，然后可以使用带有period（。）符号的编码数据。 例如：

alert(data.msg);

Answer 2

不用单击提交按钮，而是处理表单的Submit事件：

$('#idForm').submit(function() {

...
...

  return false;
}

返回false将取消表单提交，让您的AJAX调用完成。

对于JSON响应，您想在AJAX调用中指定数据类型。

dataType: 'json'

jQuery函数未提交Ajax请求

问题描述

我的代码：

2 个解决方案

解决方案1
4 已采纳 2014-05-11 20:52:20

解决方案2
0

jQuery函数未提交Ajax请求

问题描述

我的代码：

2 个解决方案

解决方案1 4 已采纳 2014-05-11 20:52:20

解决方案2 0

解决方案1
4 已采纳 2014-05-11 20:52:20

解决方案2
0