Question

我正在尝试将用户详细信息存入数据库并存储数据..我希望成功消息淡入我尝试了一些代码但遗憾的是它不起作用... plzz帮助我摆脱这个...跳你原谅我错了.. 这里给我的 register.php 代码

              <html>
    <head>
<title>jQuery Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script type="text/javascript" src = "register.js"></script>
 </head>

 <body>

    <!--html body-->
    <form name = "register" id = "register" method = "POST">
        <label>First name:</label>
        <input type = text name = "fname" id = "fname" required>
        <label>Last name:</label>
        <input type = "text" name = "lname" id = "lname" required>
        <label>E-mail:</label>
        <input type = "email" name = "email" id = "email" required>
        <label>Password</label>
        <input type = "password" name = "password" id = "password" required>
        <label>Mobile no:</label>
        <input type = "number" name = "mobile" id = "mobile" required>
        <input type="submit" value="Insert" name="submit" id = "submit">
    </form>
    <div id = "result" align = "right"></div>
</body>
</html>

并在此处使用jquery ..

添加 .html 文件

        $(document).ready(function(){

    $("#submit").click(function(e){

        e.preventDefault();

        $.ajax({
            url: "register.php",
            type: "POST",
            data: {
                fname: $("#fname").val(),
                lname: $("#lname").val(),
                email: $("#email").val(),
                password: $("#password").val(),
                mobile: $("#mobile").val()
            },
            dataType: "JSON",
            success: function (json) {
                $("#result").html(json.user.email);  // like that you can display anything inside #result div
                $("#result").fadeOut(1500);

            },
            error: function(jqXHR, textStatus, errorThrown){
                alert(errorThrown);
            }
        });
    });

});

这里gose me /.js/ file

config.Formatters.JsonFormatter.SupportedMediaTypes.Add(new MediaTypeHeaderValue("multipart/form-data"));

Answer 1

没有必要使用JSON.stringify(jsonStr)，因为jQuery已经已经为您解析了响应对象。 jQuery将查看响应的Content-Type，如果它是application/json，它将解析它，并将解析后的结果提供给您的成功处理程序。

你的jQuery应该是这样的：

$(document).ready(function(){

    $("#submit").click(function(e){

        e.preventDefault();

        $.ajax({
            url: "register.php",
            type: "POST",
            data: {
                fname: $("#fname").val(),
                lname: $("#lname").val(),
                email: $("#email").val(),
                password: $("#password").val(),
                mobile: $("#mobile").val()
            },
            dataType: "JSON",
            success: function (json){
                if(json.error){
                    $("#result").html(json.error_msg);  // display error message
                }else{
                    $("#result").html(json.user.email);  // like that you can display anything inside #result div
                }
                $("#result").fadeOut(1500);
            },
            error: function(jqXHR, textStatus, errorThrown){
                alert(errorThrown);
            }
        });
    });

});

我能够获得成功消息..！

1 个答案: