jquery ajax发送错误答案

【问题标题】：Error with jquery ajax sendjquery ajax发送错误
【发布时间】：2015-08-31 19:09:50
【问题描述】：

我使用 jquery ajax 发送了一个联系表单，但信息未成功发送。以及电子邮件中的字段 [object HTMLInputElement] 错误请帮帮我

表单代码

<script type="text/javascript">
$(function() {
    $(".buttonmh").click(function() {
        var dataString = 'namet=' + namet + '&emailt=' + emailt + '&phonet=' + phonet + '&massaget=' + massaget;
        //alert (dataString);return false;
        $.ajax({
            type: "POST",
            url: "send.php",
            data: dataString,
            success: function() {
                $('#contact-formm').html("<div id='messagee'></div>");
                $('#messagee').html("<h2>The new message was sent!</h2>")
                    .append("")
                    .hide()
                    .fadeIn(1500, function() {
                        $('#messagee').append("");
                    });
            }
        });
        return false;
    });
});
</script>
<form action="" id="contact-form" class="main-contacts">
    <div id="messagee" class="error-sus" style="background:green; color:#fff;text-align:left;direction:ltr;"></div>
    <fieldset>
        <div class="col1">
            <div class="rowElem">
                <div class="bg">
                    <input type="text" name="namet" id="namet" value="<?php echo ContactName ;?>:" onblur="if(this.value=='') this.value='Name:'" onFocus="if(this.value =='Name:' ) this.value=''">
                </div>
                <label class="error" for="namet" id="name_error">
                    <?php echo RequiredFieldMessage ;?>
                </label>
                <label class="error" for="namet" id="name_error2">
                    <?php echo NotValidValueMessage ;?>
                </label>
                <input type="text" name="emailt" id="emailt" value="<?php echo ContactEmail ;?>:" onblur="if(this.value=='') this.value='E-mail:'" onFocus="if(this.value =='E-mail:' ) this.value=''">
                <input type="text" name="phonet" id="phonet" value="<?php echo ContactPhone ;?>:" onblur="if(this.value=='') this.value='Phone:'" onFocus="if(this.value =='Phone:' ) this.value=''">
                <textarea cols="1" rows="1" name="massaget" id="massaget" onBlur="if(this.value=='') this.value='Message:'" onFocus="if(this.value =='Message:' ) this.value=''">Message:</textarea>
                <button id="submit" class="buttonmh">
                    <?php echo SendMessage ;?>
                </button>
</form>

关闭电子邮件http://designak.ir/Untitled.jpg
发送.phphttp://designak.ir/send.txt

【问题讨论】：

检查你的 js 代码...什么是“#contact-formm”？？
请帮我编辑这段代码
那么 send.php 代码在哪里？请尝试在您的问题中下订单现在几乎是一团糟。
只是表示“contact-formm”不存在！（双“m”错误）
您是否尝试在控制台中显示某些内容？在您的 ajax 中添加“错误”部分，并在成功/错误上添加 console.log("success") 或“error”，以查看您实际卡在的位置...

标签： javascript jquery html ajax

【解决方案1】：

字段 [object HTMLInputElement] 错误

当您使用 <input> 并尝试将其转换为字符串时会发生这种情况。

您需要读取它的值并使用它而不是元素本身。

'namet=' + namet.value // etc

您还应该在将用户输入添加到 URL 之前转义它。

'namet=' + encodeURIComponent(namet.value) // etc

【讨论】：