jQuery post from ASP.NET web page (WebMatrix)

Question

Hi everyone!

I'm trying to submit form data with jQuery. I'm using ASP.NET WebMatrix. In a .cshtml file I have

@{
    // other code
    if(IsPost)
    {
        var item = new Item();
        item.Title = Request.Form["title"];
        item.Description = Request.Form["description"];

        // aditional code here
    }
}
<script type="text/javascript">
    $(document).ready(function(){
        $("form#itemForm").submit(function(){
            $.post("form.cshtml", {
                    title: $("#title").val(), 
                    description: $("#description").val(), 
                    price: $("#price").val()},
                    function(data){
                    },
                    "json");
        })
    });
</script>
<form>
<!-- html form here -->
</form>

How can I pass values from form to Request.Form object? And how can I than response with json back to html?

Answer 1

Values are passed through jQuery.post() to Request.Parameters.

Answer 2

A better way would be to just have jQuery post the form data using $(this).serialize() instead of building an object with all the values in it it to pass. After that, yah, Request["title"], etc will get the values that were posted.

Answer 3

This is what you want.

http://www.mikesdotnetting.com/Article/155/WebMatrix-And-jQuery-Forms