Question

I have a MVC3 action method with 3 parameters like this:

 var url = "/Question/Insert?" + "_strTitle='" + title + "'&_strContent='" + content + "'&_listTags='" + listTags.toString() + "'";

and I want to call this by normal javascript function not AJAX (because it’s not necessary to use AJAX function)
I tried to use this function but it didn’t work:

window.location.assign(url);

It didn’t jump to Insert action of QuestionController.

Is there someone would like to help me? Thanks a lot

This is more detail

I want to insert new Question to database, but I must get data from CKeditor, so I have to use this function below to get and validate data

// insert new question
$("#btnDangCauHoi").click(function () {
    //validate input data
    //chủ đề câu hỏi
    var title = $("#txtTitle").val();

    if (title == "") {
        alert("bạn chưa nhập chủ đề câu hỏi");
        return;
    }
    //nội dung câu hỏi
    var content = GetContents();
    content = "xyz";
    if (content == "") {
        alert("bạn chưa nhập nội dung câu hỏi");
        return;
    }
    //danh sách Tag
    var listTags = new Array();
    var Tags = $("#list_tag").children();

    if (Tags.length == 0) {
        alert("bạn chưa chọn tag cho câu hỏi");
        return;
    }

    for (var i = 0; i < Tags.length; i++) {
        var id = Tags[i].id;
        listTags[i] = id;
        //var e = listTags[i];
    }
    var data = {
        "_strTitle": title,
        "_strContent": content,
        "_listTags": listTags.toString()
    };
    //        $.post(url, data, function (result) {
    //            alert(result);
    //        });
    var url = "/Question/Insert?" + "_strTitle='" + title + "'&_strContent='" + content + "'&_listTags='" + listTags.toString() + "'";
    window.location.assign(url); // I try to use this, and window.location also but they're not working
});

This URL call MVC action “Insert” below by POST method

    [HttpPost]
    [ValidateInput(false)]
    public ActionResult Insert(string _strTitle, string _strContent, string _listTags)
    {

        try
        {
            //some code here 
        }
        catch(Exception ex)
        {
            //if some error come up
            ViewBag.Message = ex.Message;
            return View("Error");
        }
        // if insert new question success
        return RedirectToAction("Index","Question");
    }

If insert action success, it will redirect to index page where listing all question include new question is already inserted. If not, it will show error page. So, that’s reason I don’t use AJAX

Is there some one help me? Thanks 🙂

Answer 1

Try:

window.location = yourUrl;

Also, try and use Fiddler or some other similar tool to see whether the redirection takes place.

EDIT:

You action is expecting an HTTP POST method, but using window.location will cause GET method. That is the reason why your action is never called.

[HttpPost] 
[ValidateInput(false)] 
public ActionResult Insert(string _strTitle, string _strContent, string _listTags)
{
    // Your code
}

Either change to HttpGet (which you should not) or use jQuery or other library that support Ajax in order to perform POST. You should not use GET method to update data. It will cause so many security problems for your that you would not know where to start with when tackling the problem.

Considering that you are already using jQuery, you might as well go all the way and use Ajax. Use $.post() method to perform HTTP POST operation.

Inside a callback function of the $.post() you can return false at the end in order to prevent redirection to Error or Index views.

$.post("your_url", function() {
    // Do something

    return false; // prevents redirection
});

That’s about it.