github/fetch ポリフィルを使用して、データをサーバーに送り返しています。
fetch('./PerformSearch', {
method: 'POST',
header: {
'Accept' : 'application/json',
'Content-type' : 'application/json'
},
body: JSON.stringify({
terms: this.refs.termsFilter.getSelections(),
details: this.refs.detailsFilter.getSelections(),
dateRange: {
from: new Date(),
til: new Date()
}
})
})
ただし、コントローラーは、フォーム変数から行うように、リクエストの本文を引数のデータ オブジェクトに自動的に逆シリアル化しません。ただし、XmlHttpRequest を使用してこれを行うと、機能します。
var request = new XMLHttpRequest();
request.open("POST", url, true);
request.setRequestHeader("Content-type","application/json;charset=UTF-8")
...
request.send(JSON.stringify(data))
コントローラーでリクエストを受信する関数は、現時点では非常に単純です-何もしません。次を使用して、json本体をデータオブジェクトに非シリアル化するようにしようとしています:
public JsonResult PerformSearch(SearchModel.SearchSelections data)
{
//data has not been serialised
Stream req = Request.InputStream;
string body = new IO.StreamReader(req).ReadToEnd;
Console.WriteLine(body); // writes a json string
}
はい、jsonライブラリを使用して関数内でこれを自分で逆シリアル化できますが、コントローラーにそれを実行させる方法を見つけたいと思います。
アップデート:
これは、デシリアライズしようとしている .net オブジェクトです。
class SearchModel
{
public class SearchSelections
{
public SearchTermList terms { get; set; }
public SearchDetailsList details { get; set; }
public DateRange dateRange { get; set; }
}
public class SearchTermList
{
public IEnumerable<string> exams { get; set; }
public IEnumerable<string> areas { get; set; }
public IEnumerable<string> classes { get; set; }
public IEnumerable<string> tokens { get; set; }
}
public class SearchDetailsList
{
public IEnumerable<string> studyTypes { get; set; }
public IEnumerable<string> species { get; set; }
public IEnumerable<string> strains { get; set; }
}
public class DateRange
{
public System.DateTime @from { get; set; }
public System.DateTime til { get; set; }
}
}