Chrome擴展程序-未提交表單

Question

我無法在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/"
     ]
}

提交表單時沒有任何反應。.我也看不到開發工具中的任何錯誤。

Answer 1

您是否在開發人員工具中檢查了netowrk選項卡？ 參見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);
});

Chrome擴展程序-未提交表單

問題描述

1 個解決方案

解決方案1
0 已采納 2014-09-07 23:17:24

Chrome擴展程序-未提交表單

問題描述

1 個解決方案

解決方案1 0 已采納 2014-09-07 23:17:24

解決方案1
0 已采納 2014-09-07 23:17:24