2016-05-25 15 views

答えて

0

まず、jqueryからのajax呼び出しを使用するのが最も簡単な方法です。

まず、このようなアクションものを作成:

はここに私の例です。私はそのビューから、あなたはビューを作成する必要がありそのためのアクションを開始すると、インデックスを使用して、としています私たちは、作品のアクションにデータを渡している

public ActionResult Index() 
    { 
     return View(); 
    } 

    public ActionResult Movies(int movieId, int ratingValue) 
    { 
     string s = movieId + " - " + ratingValue; 

     return Json(s, JsonRequestBehavior.AllowGet); 
    } 

**今、そこから私たちは、ボタンのクリックでデータを送信しているビューのインデックスを作成します。そして、あなたは... jqueryのファイルをインポートし、あなたが下に見ることができるようにタグでそれを使用する**

<html> 
<head> 
<meta name="viewport" content="width=device-width" /> 
<title>Index</title> 
<script src="~/Scripts/jquery-2.2.3.min.js"></script> 
<script type="text/javascript"> 
    $(function() { 
     $('#sendData').click(function() { 
      var movie = 3; 
      var rating = 2; 

      var option = { 
       url: '/Home/Movies', 
       data: JSON.stringify({ movieId: movie, ratingValue: rating }), 
       method: 'post', 
       dataType: 'json', 
       contentType: 'application/json;charset=utf-8' 
      }; 

      $.ajax(option).success(function(data) { 
       alert(data); 
      }) 
     }); 
    }); 
</script> 
</head> 
<body> 
    <div> 
     <input type="submit" value="Send data" id="sendData" /> 
    </div> 
</body> 
</html> 

そして、あなたはUを送信するためのAjaxを使用することができます

Result in browser

関連する問題