AJAX入门及简单代码

在jsp页面中要引入

<script  type="text/javascript" src="jquery.js">//这个是从网上下载的javascript框架,放到某个位置,正确引用进来

<script  type="text/javascript" src="example.js">//自己写的js

<body>

ajax校验:<input type="text" id="username"><input type="button" value="提交" οnclick="javascript:verify()">

<div id="result"></div>

</body>

在example.js文件中

function verify(){

     1、获取文本框中的内容

      var  text = $("#username").val();

     2、数据发送到服务器servlet

    $.get(

                "AjaxServer?name="+username,//要处理的action中的方法,URL

               null,//参数,这里我要再次查询,因为用的是get方法,参数在url中,所以这里为空

               callback                   //数据返回到这个function函数中,看下面。

);

}

funciton callback(data){

         var resultObj = $("#result");

        resultObj.html(data);           //数据处理之后,作为参数返回到callback这个函数中(这个函数名可以修改),将返回的数据显示到页面上。

}


在action中的写法是:

public class OneAjxaCase{

private InputStream inputStream;

public void getInputStream(){

         this.inputStream = inputStream;

}

public String ajaxTest(){

         String return_value="this is data in js";

         inputStream = new StringBufferInputStream(return_value);

         return "success";


}

}

在struts.xml文件中:

<action name="helloajax" class="OneAjaxCase" method="ajaxTest">

     <result type="stream">

               <param name=“contentType”>text/html</param>

                <param name="inputName">inputStream</param>

      </result>

</action>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值