AjaxSubmit提交后的有关问题-AJAX教程-爱易网页

AjaxSubmit提交后的有关问题

日期：2014-05-16　浏览次数：20614 次

求助AjaxSubmit提交后的问题
用ajaxSubmit提交的有个问题如何才能获得返回的值？
后台代码如下：

C# code


    protected void Page_Load(object sender, EventArgs e)
    {
        string a = Request.Form["hello"];
        string b = Request.QueryString["id"];
        if (IsPostBack)
        {
            Response.Write("<script>alert('"+a+"');</script>");
        }
    }

a是有值的,页面是用 ajaxSubmit无刷新的提交

------解决方案--------------------

HTML code


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>    
    </title>
    <script src='http://code.jquery.com/jquery-latest.js'></script>
    <script src='http://www.malsup.com/jquery/form/jquery.form.js?2.36'></script>
    <script>
        // prepare the form when the DOM is ready
        $(document).ready(function() {
            var options = {
                target: '#div',   // target element(s) to be updated with server response 
                beforeSubmit: showRequest,  // pre-submit callback 
                success: showResponse  // post-submit callback 

                // other available options: 
                //url:       url         // override for form's 'action' attribute 
                //type:      type        // 'get' or 'post', override for form's 'method' attribute 
                //dataType:  null        // 'xml', 'script', or 'json' (expected server response type) 
                //clearForm: true        // clear all form fields after successful submit 
                //resetForm: true        // reset the form after successful submit 

                // $.ajax options can be used here too, for example: 
                //timeout:   3000 
            };

            // bind to the form's submit event
            $('#form1').submit(function() {
                // inside event callbacks 'this' is the DOM element so we first 
                // wrap it in a jQuery object and then invoke ajaxSubmit 
                $(this).ajaxSubmit(options);
                alert('ok');
                // !!! Important !!! 
                // always return false to prevent standard browser submit and page navigation 
                return false;
            });
        });

        // pre-submit callback 
        function showRequest(formData, jqForm, options) {
            // formData is an array; here we use $.param to convert it to a string to display it 
            // but the form plugin does this for you automatically when it submits the data 
            var queryString = $.param(formData);

            // jqForm is a jQuery object encapsulating the form element.  To access the 
            // DOM element for the form do this: 
            // var formElement = jqForm[0]; 

            alert('About to submit: \n\n' + queryString);

            // here we could return false to prevent the form from being submitted; 
            // returning anything other than false will allow the form submit to continue 
            return true;
        }

        // post-submit callback 
        function showResponse(responseText, statusText) {
            // for normal html responses, the first argument to the success callback 
            // is the XMLHttpRequest object's responseText property 

            // if the ajaxSubmit method was passed an Options Object with the dataType 
            // property set to 'xml' then the first argument to the success callback 
            // is the XMLHttpRequest object's responseXML property 

            // if the ajaxSubmit method was passed an Options Object with the

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

AjaxSubmit提交后的有关问题

相关资料更多>

推荐阅读更多>