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

Question

I have now got everything to post correctly but this script keeps loading it into a new page. Is it something to do with the way my php file returns it? "echo(json_encode($return_receipt));"

    <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

you have two easy options..

1.you can use jquery ajax method... or 2. javascript form submission without loading the page by targetting the form to the hidden inline frame

Answer 2

here i'm using it for image upload image name without hitting submit button and save the data to the database table without reloading the page .. edit it according to your convenience.

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

// here is iframe on the same page

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


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