jQuery Ajax数据成功提交，没有执行success中的函数，是什么情况

hkx_t 2016-02-25 10:21:28

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ajax</title>
</head>

<body>
<h1>员工查询</h1>
<label>请输入员工编号：</label>
<input type="text" id="keyword"/>
<button id="search">查询</button>
<p id="result"></p>

<h1>员工创建</h1>
<label>请输入员工姓名：</label>
<input type="text" id="name"/>
<label>请输入员工编号：</label>
<input type="text" id="number"/>
<label>请输入员工性别：</label>
<select id="sex">
<option>男</option>
<option>女</option>
</select>
<label>请输入员工职位：</label>
<input type="text" id="job"/>
<button id="save">保存</button>
<p id="result1"></p>
<script src="http://apps.bdimg.com/libs/jquery/1.11.1/jquery.js"></script>
<script>
$(document).ready(function(){
$("#search").click(function(){
$.ajax({
type:"GET",
url:"demo.php?number="+$("#keyword").val(),
datetype:"json",
success:function(data){
if(data.succes){
$("#result").html(data.msg);
}else{
$("#result").html("发生错误："+data.msg);
}
},
error:function(jqXHR){
alert(data);
alert("发生错误："+jqXHR.status)
}
});
});
$("#save").click(function(){
$.ajax({
type:"POST",
url:"demo.php",
datetype:"json",
data:{
name:$("#name").val(),
number:$("#number").val(),
sex:$("#sex").val(),
job:$("#job").val(),
},
success:function(data){
if(data.succes){
$("#result1").html(data.msg);
}else{
$("#result1").html("发生错误："+data.msg);
}
},
error:function(jqXHR){
alert("发生错误："+jqXHR.status)
}
});
});
});
</script>

php

<?php
header("Content-Type:application/json;chartset:utf-8");

$staff=array(
array("name"=>"洪七","number"=>"101","sex"=>"男","job"=>"总经理"),
array("name"=>"郭靖","number"=>"102","sex"=>"男","job"=>"开发工程师"),
array("name"=>"黄蓉","number"=>"103","sex"=>"女","job"=>" 产品经理"),
);
if($_SERVER["REQUEST_METHOD"]=="GET"){
search();
}elseif($_SERVER["REQUEST_METHOD"]=="POST"){
create();
}
//搜索员工
function search(){
if(!isset($_GET["number"])||empty($_GET["number"])){
echo '{"succes":false,"msg":"参数错误"}';
return;
}
global $staff;

$number=$_GET["number"];
$result='{"succes":false,"msg":"没有找到员工"}';

foreach($staff as$value){
if($value["number"]==$number){
$result='{"succes":true,"msg":"找到员工：员工编号'.$value["number"].',员工姓名:'.$value["name"].',员工性别：'.$value["sex"].',员工职位：'.$value["job"].'"}';
break;
}
}
echo $result;
}
//创建员工
function create(){
if(!isset($_POST["name"])||empty($_POST["name"])
||!isset($_POST["number"])||empty($_POST["number"])
||!isset($_POST["sex"])||empty($_POST["sex"])
||!isset($_POST["job"])||empty($_POST["job"])){
echo '{"succes":false,"msg":"参数错误,员工信息不全"}';
return;
}
echo $_POST["name"];
echo '{"succes":true,"msg":"员工：'.$_POST["name"].'信息保存成功！"}';
}
?>

...全文

955 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

太阳花种子 2016-02-26

打赏
举报

很高兴能受到你的邀请，所贴程序有几个错误的地方： 1、ajax的dataType书写错误，datetype应改为dataType，这已经不是大小写的问题，你已经将data写成了date，你看是不是。 2、

data:{
name:$("#name").val(),
number:$("#number").val(),
sex:$("#sex").val(),
job:$("#job").val(),
},

切记，最后一个参数不需要添加英文分号“ , ” 3、post提交时最好返回一个boolean值，比如操作正常就返回一个true , 在写脚本函数的时候这个是很有用的。 4、ps: js文件你可以自己下载到本地引用嘛,可能还有其他的问题，麻烦你再仔细检查一下，

Go 旅城通票 2016-02-26

打赏
举报

注意大小写 datetype:"json", ===> dateType:"json",

jQuery是一个、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用...

jquery Ajax 不执行回调函数success的原因 jquery Ajax 不执行回调函数success的原因 jquery Ajax 不执行回调函数success的原因： $.ajax({ type: “post”, contentType: “application/json”, url: basePath+...

问题：jquery ajax请求成功，返回了数据，但是不进success的分支。(被这个问题困扰了2天) 问题代码描述： controller类代码： /** * 向页面输出json对象 * @param response * @param jsonStr */ ...

jQuery ajax 传数据到后台，后台返回时success函数不执行问题最近写一个.net注册界面，想要前台输入的表单数据，通过ajax提交到后台，后台接收成功后，自动写入数据库，然后返回给前台一个成功状态。一直测试，...

注意 dateType: "html",的数据格式是否与后台设置的一致 xml格式我还是没有解决。

Ajax

52,797

社区成员

25,305

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章