为了账号安全,请及时绑定邮箱和手机立即绑定

jquery引入有问题?ajax未定义?

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title></head><body><h1>员工查询</h1><label for="keyword">请输入员工编号:</label><input type="text" id="keyword"><button id="search">查询</button><p id="searchResult"></p><br><h1>员工创建</h1><label for="staffName">请输入员工姓名:</label><input type="text" id="staffName"><label for="staffNumber">请输入员工编号:</label><input type="text" id="staffNumber"><label for="staffSex">请输入员工性别:</label><input type="text" id="staffSex"><label for="staffjob">请输入员工职位:</label><input type="text" id="staffJob"><button id="save">保存</button><p id="createResult"></p><script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script><script>//jquery封装Ajax方法$(document).ready(function(){$("#search").click(function(){$ajax({type:"GET",url:"server.php?number"+$("#keyword").val(),dataType:"json",success:function(data){if(data.success){$("#searchResult").html(data.msg);}else{$("#searchResult").html("出现错误:"+data.msg);}},error:function(){alert("发生错误:"+jqXHR.status);}});});$("#save").click(function(){$ajax({type:"POST",url:"server.php",dataType:"json",data:{name:$("staffName").val(),number:$("staffNumber").val(),sex:$("staffSex").val(),job:$("staffJob").val(),},success:function(data){if(data.success){$("#createResult").html(data.msg);}else{$("#createResult").html("出现错误:"+data.msg);}},error:function(){alert("发生错误:"+jqXHR.status);}});});});</script></body></html>

ajax.html:31 Uncaught ReferenceError: $ajax is not defined

    at HTMLButtonElement.<anonymous> (ajax.html:31)

    at HTMLButtonElement.dispatch (jquery-3.3.1.min.js:2)

    at HTMLButtonElement.y.handle (jquery-3.3.1.min.js:2)


正在回答

1 回答

  1. $("#search")事件里的url:"server.php?number"少了个=,应该是url: "server.php?number="+$("#keyword").val(),

  2. $("#save")事件里data: {name: $("staffName").val(),number: $("staffNumber").val(),sex: $("staffSex").val(),job: $("staffJob").val(),},既然是id,当然应该加#,应该是$("#staffName")。

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
Ajax全接触
  • 参与学习       224850    人
  • 解答问题       663    个

本课程通过一个案例,讲解Ajax的相关概念原理实现方式和应用

进入课程

jquery引入有问题?ajax未定义?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信