Только приступил к изучению AJAX. Используя IDE "MS Visual Studio 2015 Express для Web" начал разбирать пример, в котором при нажатии клавиши выводится дата, но у меня при нажатии ни чего не происходит, пожалуйста помогите в решении проблемы. Код в файле ajax.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ajax.aspx.cs" Inherits="RudenSoft.jQuery.Ajax" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<button class="b1" >send ajax</button>
<span class="dt"></span>
</div>
</form>
<script src="js/jquery-3.1.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('.b1').click(function (e) {
e.preventDefault();
var param = {
count: 2, name: 'Max'
};
var data = JSON.stringify(param);
console.log(data);
$.ajax({
type: 'POST',
url: '/jquery/ajax.aspx/gettime',
dataType: 'json',
cache: false,
contentType: 'application/json; charset=utf-8',
data: data,
success: function (data, status) {
var obj = data;
if (data.d != undefined) obj = data.d;
var response = eval(obj);
if (response.result == '1') {
$('.dt').html(response.s);
}
},
error: function (xhr, ajaxOptions, thrownError) {
alert("error = " + xhr.status + thrownError);
},
beforeSend: function (xhr) {
xhr.setRequestHeader('Contetnt-type', 'application/json; charset=utf-8');
}
});
});
});
</script>
Код в файле ajax.aspx.cs:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace RudenSoft.jQuery
{
public partial class Ajax : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
[WebMethod]
public static string gettime(int count, string name){
var res = "";
var d = DateTime.Now.ToString() + ", " + name;
res = "{ \"result\":\"1\", \"s\": \"" + d + "\"}";
return res;
}
}
}
console.log(data);
передvar obj = data;
и сообщите, что появилось в консоли браузера.xhr.setRequestHeader('Content-type', ...
WebForms
, не так ли? А там случайно на батон не нужно тоже прописатьrunat="server"
? И кнопка случайно не так должна делаться:<asp:Button...
?