Question

我现在已经将所有内容都正确发布了，但是这个脚本会将其加载到新页面中。这与我的php文件返回的方式有关吗？＆＃34;回波（json_encode（$ return_receipt））;＆＃34;

    <script>        
    // Get XML HTTP Type
    function get_XmlHttp() {
        var xmlHttp = null;
            if(window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
            }else if(window.ActiveXObject) {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        return xmlHttp;
    }

    function ajaxSuccess () {
        alert(this.responseText);
    }

    function ajaxrequest(oFormElement,tagID) {
        //Get The Correct XMLHTTP Object
        var request = new XMLHttpRequest();             
        request.onload = ajaxSuccess;
        request.open(oFormElement.method, oFormElement.action, true);
        //request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        request.send(new FormData(oFormElement));           
    }
    </script>

Answer 1

你有两个简单的选择..

1.你可以使用jquery ajax方法......或者 2.通过将表单定位到隐藏的内联框架来加载页面的javascript表单提交

Answer 2

这里我将它用于图片上传图片名称而不点击提交按钮并将数据保存到数据库表而不重新加载页面 ..根据您的方便编辑它。

function upload(img)//Javascript function
{
var types = /\.jpg|\.gif|\.jpeg/i;
var filename = img.value;
if (filename.search(types) == -1) {
alert("Select only images ( jpg or gif or jpeg format)");
img.form.reset();
return false;
}

img.form.action = 'upload-picture.php';
img.form.target = 'iframe';
img.form.submit();
return true;
}

//这是同一页上的iframe

<iframe name="iframe" id="u_iframe" style="display:none;"></iframe>


<input type="file" name="picture" id="picture" onchange="return upload(this);" />

Javascript - 使用AJAX发布表单并获取返回值

2 个答案: