User475983607 posted
here is error
jquery-3.1.1.min.js:4 POST http://localhost:2181/Home/subscribe 500 (Internal Server Error)
send @ jquery-3.1.1.min.js:4
ajax @ jquery-3.1.1.min.js:4
(anonymous) @ RegisterGroup:65
dispatch @ jquery-3.1.1.min.js:3
q.handle @ jquery-3.1.1.min.js:3
Did you fix the AJAX function?
Below is a working example.
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<input id="Button1" type="button" value="button" />
<hr />
@section scripts {
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script>
$('#Button1').click(function (e) {
e.preventDefault();
$.ajax({
url: '/ajax/subscribe',
type: "POST",
data: JSON.stringify( { values: "Hello, World" }),
cache: false,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
console.log(data);
},
failure: function (errMsg) {
console.log(errMsg);
}
});
});
</script>
}
public class AjaxController : Controller
{
// GET: Ajax
[HttpGet]
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult subscribe(string values)
{
string[] results = values.Split(',');
return Json(results);
}
IMO, passing a comma separated list is not a good design approach. I recommend passing standard types, an array in the case, rather than making up your own protocol. Doing so simplifies the code base and reduces errors.
For example...
@{
ViewBag.Title = "Index";
}
<h2>Index</h2>
<input id="Button1" type="button" value="button" />
<hr />
@section scripts {
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script>
$('#Button1').click(function (e) {
var myArray = [];
myArray.push("Hello");
myArray.push("World");
myArray.push("Foo");
myArray.push("Bar");
e.preventDefault();
$.ajax({
url: '/ajax/subscribe',
type: "POST",
data: JSON.stringify(myArray),
cache: false,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
console.log(data);
},
failure: function (errMsg) {
console.log(errMsg);
}
});
});
</script>
}
public class AjaxController : Controller
{
// GET: Ajax
[HttpGet]
public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult subscribe(string[] values)
{
return Json(values);
}
Run your code through the Visual Studio debugger if you are still receiving 500 errors.
