【问题标题】:how to console.log(data); in javascript如何控制台.log(数据);在javascript中
【发布时间】:2014-03-14 11:40:49
【问题描述】:

我必须使用函数 console.log(data);在我的javascript中,但它不起作用。有人知道该怎么做吗?我刚刚将我的问题编辑为更多信息 朱莉最好的问候

    <script type="text/javascript">
  $(function() {
    $(".datepicker" ).datepicker({
      dateFormat: 'yy-mm-dd',
      onSelect: function(date, instance){

      },
    });

    $("input[name=endDate]").datepicker({
      dateFormat: 'yy-mm-dd',
      onSelect: function(date, instance){
        $.post( "../getHoursSQL", {start:$("#startDate").val(),end:$("#endDate").val()}, function( data ) {
            console.log(JSON.stringify(data));
          $( "#startresult" ).html( data );
        },'json');
      }
    });
  });
</script>
</head>
<body>
    <form method="post" id="myForm" action="../getHoursSQL">
    Start Date:
        <input type="text" name="startDate" class="datepicker"/><br/>                     
    End Date:
        <input type="text" name="endDate" class="datepicker"/><br/>
        <input type="submit"/>
    </form>
        <div id="startresult"></div>
        <div id="endresult"></div>
</body>

控制台打印:

我的 Servlet:

import java.io.*;
import java.sql.*;
import java.text.SimpleDateFormat;
import javax.servlet.*;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;

@WebServlet("/getHoursSQL")
public class getHoursSQL extends HttpServlet{

    private static final long serialVersionUID = 1L;

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        doPost(request, response);
    }

    public void doPost(HttpServletRequest req, HttpServletResponse res) 
        throws ServletException, IOException{

        String connectionURL = "jdbc:mysql://localhost/NekiWork";
        Connection connection=null;

        try {
            //Load database driver
            Class.forName("com.mysql.jdbc.Driver");
            //Connection to the database
            connection = DriverManager.getConnection(connectionURL, "root", ""); 
            //Getting the data from database

            String sql = "SELECT *, (Day_hours + (Day_minutes / 60)) AS Allday_hours FROM Workdata "
                    + " WHERE Date = ? AND Date = ? ";
            PreparedStatement pst = connection.prepareStatement(sql);

            SimpleDateFormat format = new SimpleDateFormat("yyyy-mm-dd");

            java.util.Date util_startDate = format.parse( req.getParameter("startDate") );  
            java.sql.Date sql_startDate = new java.sql.Date( util_startDate.getTime() );

            java.util.Date util_endDate = format.parse( req.getParameter("endDate") );      
            java.sql.Date sql_endDate = new java.sql.Date( util_endDate.getTime() );

                pst.setDate( 1, sql_startDate );
                pst.setDate(2, sql_endDate );
                System.out.println(req.getParameter("startDate"));                          
                System.out.println(req.getParameter("endDate"));

                //Show the result from database

                ResultSet rs = pst.executeQuery();

            float Allday_hours_sum = 0;
                while (rs.next()){                                      
                    Allday_hours_sum += rs.getFloat("Allday_hours"); 

                }   
                res.setContentType("text/html;charset=UTF-8");          
                res.getWriter().print(Allday_hours_sum); 

                pst.close();

        }
        catch(ClassNotFoundException e){

            System.out.println("Couldn't load database driver: " + e.getMessage());
        }
        catch(SQLException e){
            System.out.println("SQLException caught: " + e.getMessage());
        }
        catch (Exception e){
            e.printStackTrace();
        }
        finally {

            try {
                if (connection != null) connection.close();
            }
            catch (SQLException ignored){
                System.out.println(ignored);
            }
        }
    }
}

发布 SERVLET 控制台图像

【问题讨论】:

  • 您在哪个浏览器控制台中检查数据
  • 您的页面有返回内容吗?您的查询有效吗?你在 Javascript 控制台上看到什么了吗?
  • console.log(data) 是完全有效的javascript。我最好的猜测是 $.post 回调由于某种原因永远不会执行(或者你没有检查控制台)。
  • 我刚刚截取了我的控制台的屏幕截图。有人能多说点吗?

标签: javascript jquery ajax json


【解决方案1】:

暂时不要担心console.log。查看浏览器开发人员控制台中网络选项卡的响应选项卡。

查看getHoursSQL返回的任何内容

顺便说一句,getHoursSQL.php 或类似的不应该吗?

编辑:

getHoursSQL.java 在你的情况下

【讨论】:

  • 您好,感谢您的宝贵时间。我刚刚截取了控制台网络选项卡的屏幕截图。图片在我的图片中。看起来还好吗?
猜你喜欢
  • 2016-08-18
  • 2011-09-21
  • 2011-06-07
  • 2011-06-12
  • 2019-05-26
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多