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

jQuery.ajax中.html里面的汉字显示不了?

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>demo</title>
<style>
body,input,label,select,p,h1,button{
    font-size:30px;
    line-height:1.8;
    }
</style>
</head>

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

<h1>员工新建</h1>
<label>请输入员工姓名:</label>
<input type="text" id="staffName"/><br>
<label>请输入员工编号:</label>
<input type="text" id="staffNumber"/><br>
<label>请选择员工性别:</label>
<select id="staffSex">
    <option>男</option>
    <option>女</option>
</select><br>
<label>请输入员工职位:</label>
<input type="text" id="staffJob"/><br>
<button id="save">保存</button>
<p id="createResult"></p>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<script>
//发送查询请求并处理
$(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(jqXHR){
                alert("参数错误"+jqXHR.status);
                },
        });
        });
        
    $("#save").click(function(){
        $.ajax({
            type: "POST",
            url: "server.php",
            data: {
                name:$("#staffName").val(),
                number:$("#staffNumber").val(),
                sex:$("#staffSex").val(),
                job:$("#staffJob").val()
                },
            dataType: "json",
            success: function(data){
                if(data.success){
                    $("#createResult").html(data.msg);
                    }else{
                    $("#createResult").html("出现错误:"+data.msg);
                        }
                },
            error: function(jqXHR){
                alert("参数错误"+jqXHR.status);
                },
        });
        });    
        
});
</script>
</body>
</html>

如上: “出现错误:”这几个字不显示,data.msg信息却可以显示。控制台没有报错。

正在回答

1 回答

$("#createResult").html("出现错误:" + data.msg");

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

举报

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

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

进入课程

jQuery.ajax中.html里面的汉字显示不了?

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号