Chrome 扩展程序 - 不提交表单答案

【问题标题】：Chrome Extension - Not submitting formChrome 扩展程序 - 不提交表单
【发布时间】：2014-09-08 07:17:24
【问题描述】：

我无法在我的 Chrome 扩展程序上提交我的表单：

这是main.js 文件：

$(function() {
    $('form').submit(function(e){
        e.preventDefault(); // prevents the default action (in this case, submitting the form)
        $('#status').hide();
        $.post(
            'http://www.domain.com/?i=ajax', 
            $('form').serialize(),
            function (data) {
                proccessData(data);
            }
        );
        return false;    
    });
});

function proccessData (data) {
    alert("Submitted!");
    if(data=='success'){
        $('form').hide();           
        $('#status').addClass('noti success').html('<p>Your reply has been added.</p>').show();
    }
    else {
        $('#status').removeClass().addClass('noti error').html('<p>'+data+'</p>').fadeIn();
    }
}

这是我的popup.html 文件：

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery.js"></script> 
<script src="main.js"></script>


</head>

<body>

<form method="post" action="http://www.domain.com/?i=ajax">
<label for="url">Test</label>
<input id="urlname" name="url" type="text" value="" />
<input type="submit" value="Send" />
</form> 
<div id="status"></div>


</div>
</body>
</html>

还有manifest.json 文件：

{
    "name": "My App",
    "version": "0.0.1",
    "manifest_version": 2,
    "browser_action": {
        "default_icon": {
            "19": "icons/19x19.png",
            "38": "icons/38x38.png"
        },
        "default_title": "Quick Dashboard - domain Addon",
        "default_popup": "popup.html"
    },
    "permissions": [
       "http://www.domain.com/"
     ]
}

当我提交表单时没有任何反应。我在开发工具中也没有看到任何错误。

【问题讨论】：

标签： javascript jquery html google-chrome google-chrome-extension

【解决方案1】：

您是否检查过开发人员工具中的网络选项卡？见这里http://i.imgur.com/nJEtgaW.png。它应该告诉您请求的状态。对于我的代码，我使用http://requestb.in/ 发出POST 请求。看看这是否有帮助？

var request = $.ajax({
    url: "http://www.domain.com/",
    type: "POST",
    data: {
        i : "ajax"
    }
});

request.done(function (response) {
    console.log(response);
});

request.fail(function(jqXHR, status) {
    console.log(status);
});

【讨论】：