Javascript Chrome扩展-不提交表单_Javascript_Jquery_Html_Google Chrome_Google Chrome Extension

Javascript Chrome扩展-不提交表单

javascript jquery html google-chrome google-chrome-extension

Javascript Chrome扩展-不提交表单,javascript,jquery,html,google-chrome,google-chrome-extension,Javascript,Jquery,Html,Google Chrome,Google Chrome Extension,我无法在我的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.d

我无法在我的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();
    }
}

<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>

{
    "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/"
     ]
}

以及

manifest.json

文件：

$(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();
    }
}

<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>

{
    "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/"
     ]
}

我提交表格时什么也没发生。。我在开发工具中也没有看到任何错误。

您是否检查了开发工具中的netowrk选项卡？看这里。它应该告诉您请求的状态。对于我的代码，我曾经发出

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);
});