必学习的前后端交互框架ajax

ajax显然是最重要的框架

无论是c#,java,web程序通通能够解决前后端问题。

现在越来越多的人能够开发，为什么？

框架已经改变了程序员，现在基本是个程序员都可以在一个星期内写一个web程序。

ajax让他们更快的上手，mvc框架让他们灵活运用。

ajax替代了以往的servlet，让主界面不用跳转就可以得到不同数据的显示。

ajax有这独特的意义，

ajax如何使用，非常简单，以下步骤就可以学习ajax。

下载ajax.dll

引入项目，

配置web文件

新建ajax.cs文件，注册

html引用和control调用基本事例

function click1() {
        @*location.href = "getresult?xu="+xu;*@
        //$('#cc').append('<h1>fdghhhhhhhhhhhhhh</h1>');
        //var tImg = "<div id='dfggdfgd'>sfrgdfgdfhfghgf</div>";
        // alert();
        $('body').append("<p>sfdgfdfgfdddddddd</p>");
        $('p').remove();
        $.ajax({
            type: 'post',
            url: '@Url.Action("Contact")',
            data: {'xu':'677'},
            contentType: 'application/json;charset=utf-8',
            dataType: 'json',
            success: function (message) {

                alert(message.message);
            }

        });

    }

定义事件，实现ajax传输数据和处理数据

后端

[HttpPost()]
        public ActionResult Contact()
        {
            JsonResult ajaxres = new JsonResult();
            ajaxres.JsonRequestBehavior = JsonRequestBehavior.AllowGet;
            //ViewData["xu"] = xu;
            ajaxres.Data = new { message = "徐敬坤" ,data1="67"};
           // String data1 = "67876877778";
            return ajaxres;
        }

这样实现前后端交互

实现这必须要有ajax.dll文件

除了ajax还有form表单，但是处理原理是一致的

<form id="ff" method="post" action="@Url.Action("login1")">
        <center>
            <div class="easyui-panel" style="width:400px;padding:50px 60px">
                <div style="margin-bottom:20px">
                    <input class="easyui-textbox" prompt="Username" iconWidth="28" style="width:100%;height:34px;padding:10px;">
                </div>
                <div style="margin-bottom:20px">
                    <input class="easyui-passwordbox" prompt="Password" iconWidth="28" style="width:100%;height:34px;padding:10px">
                </div>
            </div>
            <input type="submit" value="login" />
            <input type="button" value="register" onclick="click1()" />
        </center>
    </form>

都是通过url.action实现跳转后端。

必学习的前后端交互框架ajax

猜你喜欢