老师,我的这个错误怎么解决啊

老师,我的这个错误怎么解决啊

http://img1.sycdn.imooc.com//climg/5f89588c082fc2fc19190958.jpg# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>用户注册</title>

<link rel="stylesheet" type="text/css" href="css/style.css">

</head>

<body>

<div class="register">

<p class="title">

<span>登录</span>

<span class="current">注册</span>

</p>

<div class="form">

<div>

<span>+86</span>

<input type="text" name="user" id="user" placeholder="请输入注册手机号" autocomplete="off" />

<i id="user_icon"></i>

<p class="info" id="user_info"></p>

</div>

<div>

<input type="password" name="password" id="pwd" placeholder="请设置密码">

<i></i>

<p class="info"></p>

</div>

<p class="button">

<a href="javascript:void(0)" id="sigup-btn" class="btn">注 册</a>

</p>

</div>

</div>

<script type="text/javascript" src="js/ajax.js"></script>

<script type="text/javascript">

var user=document.getElementById("user"),

pwd=document.getElementById("pwd"),

sigup=document.getElementById("sigup-btn"),

user_info=document.getElementById("user_info"),

user_icon=document.getElementById("user_icon");

// 检查用户

function checkUser(){

var userVal=user.value,

userReg = /^1[3578]\d{9}$/;

// 验证手机号是否有效

if (!userReg.test(userVal)) {

user_info.innerHTML="手机号码无效";

user_icon.className='no';

}else{

user_info.innerHTML="";

user_icon.className='ok';

// 发起请求

$.ajax({

url:"http://localhost/jSon和Ajax登录功能/register/server/isUserRepeat.php",

method:"post",

asaync:true,

data:{username:userVal},

success:function(data){

console.log(data);

}

})

}

}


// 绑定事件,检测用户是否注册过

user.addEventListener("blur",checkUser,false);

</script>

</body>

</html>


*{

margin:0;

padding:0;

}


body{

background:#333;

}


.register{

width:300px;

height:270px;

margin:80px auto;

padding:15px 30px;

background:#eee;

border-radius:5px;

}



.title{

height:35px;

}

.title span{

font-size:16px;

font-weight:bold;

color:#666;

margin-right:30px;

cursor:pointer;

display:inline-block;

padding-top:5px;

}

.title span.current{

color:#f00;

}


.form div{

width:290px;

height:30px;

border-radius:8px;

background:#fff;

margin-bottom:25px;

padding:8px 10px;

position:relative;

}

.form div span{

display:inline-block;

padding-top:6px;

padding-right:3px;

color:#666;

}

.form div input{

border:none;

outline:none;/*外边框*/

font-size:16px;

color:#666;

background:none

}


.form div i{

position:absolute;

width:16px;

height:16px;

right:12px;

top:14px;

}


.form div i.ok{

background:url(../img/icon.png) no-repeat 0 -67px;

}

.form div i.no{

background:url(../img/icon.png) no-repeat -17px -67px;

}


.form .info{

margin-top:14px;

color:red;

padding-left:2px;

}


.button{

padding-top:7px;


}

.button a{

display:block;

width:100%;

height:45px;

line-height:45px;

text-align:center;

text-decoration:none;

background:#f20d0d;

color:#fff;

border-radius:30px;

font-size:16px;

}


var $={

ajax:function(options){

var xhr=null,// XMLHttpRequestRequest对象

url=options.url,//url地址

method=options.method || "get",//传输方式,默认为get

asaync=typeof options.asaync === "undefined"?true:options.asaync,

data=options.data || null,

params="", //参数

callback=options.success, //ajax请求成功的函数

error=options.error;//请求失败

// 将data的对象字面量的形式转换为字符串形式

if (data) {

for(var i in data){

params+=i+"="+data[i]+"&";

}

params=params.replace(/&$/,"");

}

// 根据method的值改变url

if (method === "get") {

url+="?"+params;

}

if (typeof XMLHttpRequest != "undefined") {

xhr=new XMLHttpRequest();

}

else if (typeof ActiveXObject != "undefined") {

//将所有可能出现的ActiveXObject放在一个数组中

var xhrArr=['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0','MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP.2.0']

var len=xhrArr.length;

for(var i=0;i<len;i++){

try{

// 创建XMLHttpRequest对象

xhr=new ActiveXObject(xhrArr[i]);

break;

}

catch(e){


}

}

}else{

throw Error("其他的问题");

}

xhr.onreadystatechange = function(){

if (xhr.readyState ===4) {

if ((xhr.status>=200&&xhr.status<300)||xhr.status===304) {

callback && callback(JSON.parse(xhr.responseText));

}else{

error && error();

}

}

}

// 创建请求

xhr.open(method,url,asaync);

// post请求需要设置头部信息

xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");

// 发送请求

xhr.send(params);

},


// 跨域

jsonp:function(){


}

}


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,测试还是没有出现报错哦:

http://img1.sycdn.imooc.com//climg/5f8a623d09b963a707300178.jpg

请问同学是否修改了php文件呢?建议不要修改、或直接使用源码中提供的php文件哦。

  • qq_慕粉6009927 提问者 #1
    老师,已经解决,是文件名不能用中文名
    2020-10-19 23:04:29
好帮手慕码 2020-10-16 19:21:39

同学你好,代码中,引入php路径与老师这边不一样,故这边做了修改,即如下:

http://img1.sycdn.imooc.com//climg/5f897aac0979f03508090104.jpg

测试代码,没有出现同学图中错误,是可以正常打印data的:

http://img1.sycdn.imooc.com//climg/5f897adc09a1275b09830405.jpg

针对图中报错,有如下几点建议:

1、代码中php文件路径和课程中不一致,建议检查文件内容是否正确,并且,文件建议直接使用源码中提供的

2、将中文路径,修改为英文:

http://img1.sycdn.imooc.com//climg/5f897b8a0979327707510049.jpg

3、如果还是不行的话,建议清除浏览器缓存或者更换浏览器重新测试下。

  • 提问者 qq_慕粉6009927 #1
    老师,你的源码,我这里可以用
    2020-10-16 19:23:21
  • 提问者 qq_慕粉6009927 #2
    但就是我这个还是报错
    2020-10-16 19:23:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
2.组件化网页开发
  • 参与学习           人
  • 提交作业       1121    份
  • 解答问题       14456    个

本阶段在运用JS实现动态网页开发的基础上,带你深入理解企业开发核心思想,完成一个企业级网页的开发,体验前端工程师的成就感。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师