首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Ajax >

AjaxSubmit提交后的有关问题

2012-05-12 
求助AjaxSubmit提交后的问题用ajaxSubmit提交的有个问题如何才能获得返回的值?后台代码如下:C# codeprotec

求助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 dataType             // property set to 'json' then the first argument to the success callback             // is the json data object returned by the server             alert('status: ' + statusText + '\n\nresponseText: \n' + responseText +        '\n\nThe output div should have already been updated with the responseText.');        }     </script></head><body>    <form id="form1"  action="Default.aspx" runat="server">    <div id='div'>    </div>    <input type="text" value="aaa" />    <input type="submit"  name="submitButton" value="Submit" />        </form></body></html> 

热点排行